login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Layout klopt niet meer als ik text toevoeg. (Opgelost)

Offline nick5556 - 07/03/2010 17:30 (laatste wijziging 07/03/2010 17:33)
Avatar van nick5556PHP beginner Hallo,

Ik heb een layout met ronde hoekjes, alleen mijn hoekjes blijven niet staan zodra ik tekst toevoeg aan het hele gebeuren. Dit is zo in FF, niet in IE6 en IE7(sinds wanneer doet IE iets goed, en FF niet?).

Zodra ik alles in een paragraafje zet, begint ook IE te trippen. Mijn codes staan hieronder 

HTML code
Main.css
ie.css

Kan iemand mij helpen dit op te lossen, want ik kom er eventjes niet meer uit 

Nick  

EDIT:
Online voorbeeld: Klikske

Dit is zonder <p> tags.

7 antwoorden

Gesponsorde links
Offline Martijn - 07/03/2010 17:37
Avatar van Martijn Crew PHP content_corner_right_top heeft geen position absolute 

je hebt ze trouwens allemaal als class (.content_corner_right_top) maar je kunt beter naar id gaan (#content_corner_right_top), is sneller
Offline Filip - 07/03/2010 17:39
Avatar van Filip IRC guru Misschien even toevoegen voor alle duidelijkheid dat een id maar 1 keer mag gebruikt worden. Terwijl een class meermaals gebruikt kan worden. Dit maar effe om alle verwarring tegen te gaan.. 
Offline nick5556 - 07/03/2010 17:43
Avatar van nick5556 PHP beginner Dat geeft het volgende resultaat, wederom doen IE en FF het weer niet goed.
Klik
Offline jasper56 - 07/03/2010 18:43
Avatar van jasper56 Nieuw lid maak van je html is dit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="content">
  2.         	<div class="content_corner_left_top">
  3.              &nbsp;
  4.             </div>
  5.             <div class="content_corner_right_top">
  6.             &nbsp;
  7.             </div>
  8.             <div class="text">
  9.  
  10.             </div>
  11.             <div class="content_corner_left_bottom">
  12.             &nbsp;
  13.             </div>
  14.             <div class="content_corner_right_bottom">
  15.             &nbsp;
  16.             </div>
  17.         </div>


en verander in je css is dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .content {
  2. 	background-image:url(../../images/layout/background_content.png);
  3. 	width: 510px;
  4. 	margin-left: 190px;
  5. 	min-height: 500px;
  6. 	height: auto !important;
  7. 	*height: 500px;
  8.  
  9. }


en dan als laatste dit nog even toevoegen aan je css zodat je tekst wat mooier staat:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .text{
  2.    padding: 30px;
  3. }

Hoop dat je er wat aan hebt.
Offline psfan - 07/03/2010 18:50
Avatar van psfan Nieuw lid @nick als je het zo laat als je het nu hebt klopt er helemaal niks van volgens mij want in crome heeft het een heleandere layout dan in ie
Offline nick5556 - 07/03/2010 19:35 (laatste wijziging 07/03/2010 19:42)
Avatar van nick5556 PHP beginner In firefox, IE en safari is hij bijna perfect. In Opera is de content net iets te laag/de hoekjes iets te hoog. Chrome heb ik niet dus die ga ik eventjes downloaden 

EDIT: Chrome is ook goed. Ik denk dat ik Opera maar laat zitten. Moeten ze maar een fatsoenlijke browser downloaden 
Offline jasper56 - 07/03/2010 19:43
Avatar van jasper56 Nieuw lid in opera alleen wat aan die balk doen,
en in chrome ziet hij er nu net zo uit als in FF
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.235s