Weergegeven resultaten: 1 t/m 16 van 16
  1. #1
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)

    CSS: Pagina layout met drie kolommen

    De titel spreekt voor zich ik heb dus een layout met een header, drie kolommen en een footer.
    in firefox ziet dat er allemaal oké uit maar in internet explorer raakt alles in de war

    link: http://users.telenet.be/betee/site/index.html
    en : http://users.telenet.be/betee/site/opmaak.css

    ps. ik heb gebruik gemaakt van de tutorial op css.maxdesign

  2. #2
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    niemand?

  3. #3
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    er moet iets misgelopen zijn met je floating en margin ...

    --EDIT

    gefixed maar je hoogte van Menu viel tegen tov hoogte van het menu zelf en dus ff 15px vergroot en die BALK eronder 15 verkleint alles in orde dus

    btw werk beter met ID's voor de layoutopmaak zodat je nog een class kan gebruiken voor eventuele tekst en dergelijke in css maakt dat # ipv .

    opmaak.css
    Code:
    /* CSS Document for www.btfolio.be by btfolio */
    
    /* Main Container */
    
    #center_container{
    	width: 714px;
    	height: 802px;
    	margin: 0px auto;
    	}
    
    /* Boven */
    
    #boven{
    	width: 712px;
    	height: 170px;
    	}
    
    #header{
    	width: 512px;
    	height: 120px;
    	margin: 0px;
    	float: left;
    	background-color: #FFFF00;
    	}
    	
    #navcontainer{
    	width: 200px;
    	height: 120px;
    	float: right;
    	background-color: #0000FF;
    	}
    	
    #balk{
    	clear: both;
    	width: 712px;
    	height: 50px;
    	margin-left: 0px;
    	background-color: #FF0000;
    	}
    
    /* Midden */
    
    #midden{
    	width: 712px;
    	height: 604px;
    	}
    
    #links{
    	width: 41px;
    	height: 604px;
    	margin: 0;
    	background-color: #FF00FF;
    	float: left;
    	}
    
    #main{
    	float: left;
    	width: 630px;
    	height: 604px;
    	background-color: #00FFFF;
    	}
    
    #rechts{
    	width: 41px;
    	height: 604px;
    	float: right;
    	background-color: #00FF00;
    	}
    
    /* Onder */
    
    #onder{
    	width: 712px;
    	height: 26px;
    	background-color: #000099;s
    	}
    je index.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    		<link rel="stylesheet" href="opmaak.css" type="text/css" />
    		<title>www.btfolio.be</title>
    	</head>
    
    	<body>
    		<div id="center_container">	
    			<div id="boven">
    				<div id="header"></div>
    				<div id="navcontainer">
    					<ul><li>Link1</li>
    						<li>Link2</li>
    						<li>Link3</li>
    						<li>Link4</li>
    						<li>Link5</li></ul>
    				</div>
    				<div id="balk"></div>
    			</div>
    			<div id="midden">
    				<div id="links"></div>
    				<div id="main"></div>
    				<div id="rechts"></div>
    			</div>
    			<div id="onder"></div>
    		</div>	
    	</body>
    </html>
    Laatst gewijzigd door 3razor; 8 januari 2006 om 11:16

  4. #4
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    bedankt voor de oplossing !

  5. #5
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    graag gedaan

    daar is een formusectie zoals deze voor eh

    Greetz

  6. #6
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    kheb nu weer een ander probleempje maar nu met het menuutje. Kheb ondertussen afbeeldingen ingevoegd en tis opnieuw in IE dat het een beetje f*cked up is terwijl het er in firefox goed uitziet

    link: http://users.telenet.be/betee/site/index.html

    stylesheet: http://users.telenet.be/betee/site/opmaak.css

  7. #7
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    Niemand? (tweede keer)

  8. #8
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    ik heb nergens problemen mee zeker niet FF zoals je al zei maar ook niet in FF

    neem anders een een screenshot zodat er zo hulp kan geboden worden want om te helpen is er zicht nodig op de fout ...

  9. #9
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    http://users.telenet.be/betee/IEfout.PNG

    hierzo

    kheb al vanalles geprobeerd met margin enzo maar niets blijkt een oplossing te bieden voor zowel FF als IE

  10. #10
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    Ow die ziet er andere koek uit dan je vorige probleem ... en met als tegenslag dat ik hier niks fout zie kan ik er niet zo heel veel aan veranderen met zekerheid ... maar ik kijk zo snel mogelijk eens naar de css (ik ga nog naar school you know )

    btw voor de rest wel nog mooie layout, iets totaal anders dan andere sites int algemeen

    --EDIT

    nu heb ik plots wel problemen in IE zoals op je screenshot hmz weird zal ik wel eens op kijken

  11. #11
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    Code:
    #navcontainer ul li{
    	vertical-align:middle;
    	text-align: center;
    	font-size: 12px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	border-left: 2px solid #444f64;
    	}
    het werkt nu in FF EN IE op die manier

    Veel succes nog

  12. #12
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    heh bedankt voor het compliment + bedankt voor de oplossing kga ze direct es testen

    edit: het werkt

    nogmaals zeer bedankt voor uw vlugge en correcte hulp
    grtz
    Laatst gewijzigd door Bertold; 9 januari 2006 om 21:39

  13. #13
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    en opnieuw een probleem :

    De achtergrond wil niet meerwerken in firefox om de een of andere reden wordt de image die als background staat ingesteld in de main div verkeerd weergegeven in firefox

    weet iemand raad?

    http://users.telenet.be/betee/site/index.html

  14. #14
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    ik zal ff kijken en btw in IE gaat de achtergrond van je Iframe mee met je content zal ik ook ff fixen

    Geef me ff de tijd

    ik edit deze post straks wel
    Laatst gewijzigd door 3razor; 11 januari 2006 om 15:56

  15. #15
    Member Bertold's schermafbeelding
    Lid sinds
    20/09/03
    Locatie
    Ruiselede / Gent
    Berichten
    2.509
    iTrader
    4 (100%)
    oké
    strax hebt gij meer an mn site gewerkt dan ik zelf

    wel dat van firefox had ik al gefixt maar dat ging niet zonder het in ie te doen mislopen
    Laatst gewijzigd door Bertold; 11 januari 2006 om 16:11

  16. #16
    Approved 9-lifer 3razor's schermafbeelding
    Lid sinds
    27/03/04
    Locatie
    Menen
    Berichten
    454
    iTrader
    3 (100%)
    uhuh

    die slechte uitlijning in FF ligt dus wel degelijk aan uw Border ...

    ofwel los je het simpel op en maak je nog een Div rond je Center-container die langs alle kanten 2px groter is en zo de border vormt ofwel zoek je verder op je margin e.d. want ik zou niet direct weten hoe je het maakt

Discussie informatie

Users Browsing this Thread

Op dit moment bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •