CSS hulp

Door Hugo L op 19-12-2007 10:57

3.590 views

hoi hoi..

Ik prbeer mijn site in div te zetten maar wil echt niet lukken..
het lukt me niet om het in FF en IE goed te zetten

hopelijk kan iemand mij helpen..
mijn css:


*{
margin:0;
padding:0;
}

BODY { 
background-color:#fff;
font-size:16px;
}

a { 
color:#FFF;
text-decoration:none; 
}

a:hover { 
text-decoration:underline; 
}

#wrapper
{
width: 1000px;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
margin-left: auto;
margin-right: auto; 
}

#top
{
padding: 3em;
background-image:url(../image/header.jpg);
background-color:#BFAC60;
}


#left
{
float: left;
width: 190px;
margin: 0;
padding: 1em;
background-color:#A0BFFF; 
}

#center
{
margin-left: 210px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
z-index: -1;
background-color:#A0BFFF;
color:#FFFFFF;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color:#A0BFFF;
border-top: 1px solid gray;
}

#left, #center { 
padding-bottom: 32767px;
margin-bottom: -32767px; 
}


.box { 
border: solid 1px;
border-color:#010086;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
color:#FFFFFF;
}

.box-title {
text-align:center;
width: 100%;
border-color:#666777;
background-color:#000082;
color:#FFFFFF;
}

mijn pagina:


<html>
	<head>
    <TITLE> test </TITLE>
		<link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>
<body>
<div id="wrapper">
	<div id="top"><br>
    </div>
		<div id="left">
			<div class="box">
    			<div class="box-title">
    			Login
   				</div>   
			shit vna de login  
			</div>
            
			<div class="box">
    			<div class="box-title">
    			Menu
   				</div> 
               <li>home</li>  
            </div>
		</div>
       
            
			<div id="center">
			center
    		</div>

	<div id="footer">
    Copyright Hugo Leijdekkers
    </div>
</div>
</body>
</html>

bednakt alvast

Jan Koehoorn

19-12-2007 11:01

Je beschrijft niet precies wat er fout gaat, dus is het moeilijk om je te helpen?

Jacco Engel

19-12-2007 11:02

Iig een goed streven.

2 verzoekjes voordat iemand je kan/wil helpen:

1. Zet alles even tussen [ignore]

[/ignore] tags
2. Heb je toevallig iets van een plaatje hoe het wel moet worden.

Verder denk ik dat de meeste mensen een reactie zullen plaatsen met een van de volgende opmerkingen :

1. Bekijk de regels voor vacatures even
2. Stel een specifiekere vraag.

Tot zo ver het glazen bol gegluur

Damn word er goed in in de glazen bol turen (had de reactie van jan nog niet gezien). nog even en ik moet er geld voor gaan vragen

Hugo L

19-12-2007 11:06

oke sorry!

mijn vragen/opmerkingen,

1. in FF is de footer of de center heel lang.. kan 5min naar beneden scrollen.
2. in IE staat de voor onder de eerst "box"

gr

Joren de Wit

19-12-2007 11:08

Begin met het valideren van de html code in je website: http://validator.w3.org

En die lange content wordt hierdoor veroorzaakt:


#left, #center { 
padding-bottom: 32767px;
margin-bottom: -32767px; 
}

Wat is dit voor grapje?

Jacco Engel

19-12-2007 11:09

Een matige?

Hugo L

19-12-2007 11:15

hij geeft alleen 6 fouten..

maar dat zijn rare fouten bv:
de C van color..
de p van padding...

Jacco Engel

19-12-2007 11:16


*{
margin:0;
padding:0;
}

Kan iemand mij even vertellen in hoeverre dit mag?

J V

19-12-2007 11:16

Staat je site online? Zoja geef even de link, het is makkelijekr iets op te lossen als heb je een voorbeeldje. En mensen met Firebug kunnen zo dingen aanpassen aan jou site tot het gewenste resultaat en zonder jou css of html bestand definitief te veranderen, maar gewoon tijdelijk aan te passen (waar jij niets van zult merken)

J V

19-12-2007 11:17

Jordy schreef op 19.12.2007 11:16
Staat je site online? Zoja geef even de link, het is makkelijekr iets op te lossen als heb je een voorbeeldje. En mensen met Firebug kunnen zo dingen aanpassen aan jou site tot het gewenste resultaat en zonder jou css of html bestand definitief te veranderen, maar gewoon tijdelijk aan te passen (waar jij niets van zult merken)

@ Jacco, Dit mag gewoon, hier in dit stukje kan je alles instellen voor alle browsers. Dus alle margins en paddings worden nu gerest naar 0, wat erg makkelijk is als je je site wilt centreren voor crossbrowser.

-edit-
Kut verkeerde knopje, moest de edit knop zijn. Sorry mods.

Jacco Engel

19-12-2007 11:18

okey weer iets geleerd :)

Reageren

Inloggen om te reageren