[CSS] voor dummies.

quote:

Op zaterdag 8 januari 2005 13:59 schreef Leshy het volgende:
Voeg een float: left; toe aan je #update-foto.

quote:

#update {
background: Red;
color: #ffffff;
width: 500px;
margin: 15px auto auto auto;
}

#update-foto {
background: #d8d8d8;
width: 100px;
height: 100px;
margin: auto auto auto 15px;
float: left;
}

#update-tekst {
background: #e0e0e0;
width: 400px;
height: 100px;
margin: auto auto auto 100px;
}

quote:

Op zaterdag 8 januari 2005 14:32 schreef Chandler het volgende:
padding: 0? werkt dat?

quote:

Op zaterdag 8 januari 2005 14:08 schreef Chandler het volgende:
leshy: ook nog tips voor mij?

quote:

Op zaterdag 8 januari 2005 14:24 schreef SqueaK het volgende:
jaa dat werkt ! alleen dat brengt een volgend probleempje mee.... een witte ruimte:

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:


ChOas: Fok 5 jaar BBQ meeting?

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:
ennuh waarom gebruik je margin: auto auto auto auto 15px; gebruik dan alleen de margin-<???>: 15px;

quote:

Op zaterdag 8 januari 2005 14:59 schreef Chandler het volgende:
ennuh Heliospan, die borders waren een goed idee; verder heb ik een kader om de titel heen gezet en lijkt er nu al wat meer op... nog meer tips?

quote:

/* Basis */
body {
font: normal 10pt Arial, sans, sans-serif, monospace;
color: Red;
background: #C6C1B4;
margin: 0px;
padding: 0px;
}

span {
display: none;
}

/* Container */
#container {
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 560px;
position: relative;
border: 0px;
text-align: left;
}

/* Cel met de kopafbeelding erin */
#header {
background: #000000;
width: 560px;
height: 80px;
padding: 1px;
}

/* De hoofdcel waar alles in komt */
#hoofdcel {
background: #ffffff;
color: #000000;
width: 560px;
height: 500px;
margin: 0px 0px 0px 0px;
padding: 1px;
}

/* De cel waar de kop 'laatste update' komt te staan */
#update {
background: Red;
color: #ffffff;
width: 500px;
height: 15px;
margin-left: 30px;
margin-top: 15px;
}

/* De cel waar de foto in komt van de laatst toegevoegde film */
#update-foto {
background: #e0e0e0;
width: 100px;
height: 100px;
float: left;
margin-left: 30px;

}

/* De cel waar de informatie in komt van de laatst toegevoegde film */
#update-tekst {
background: #e0e0e0;
width: 400px;
height: 100px;
margin-left: 130px;
}

/* De cel waar de letters van het alfabet in komen */
#alfabet {
background: Red;
color: #ffffff;
width: 500px;
height: 15px;
margin-left: 30px;
margin-top: 15px;
}

/* De cel waar de titels in komen */
#films {
background: #d8d8d8;
width: 500px;
height: auto;
margin-left: 30px;
}

/* De onderste cel van alles */
#celonder {
background: #b7b7b7;
color: #000000;
width: 560px;
height: 15px;
}

quote:

Op zondag 9 januari 2005 11:14 schreef SqueaK het volgende:
iemand ? Leshy?

quote:

Op zaterdag 8 januari 2005 20:02 schreef SqueaK het volgende:
ik heb een klein probleempje met IE en FF....

open deze site http://www.furoreschoonmaakservice.nl/test/ maar eens in beide browsers...

In internet explorer gaat het fout....in firefox gaat het wel goed.... waar kan het aan liggen ?

dit is de code:
(als ik "float: left" weghaal bij de "update-foto" cel dan gaat ie wel op de goede plaats staan, maar dan gaan de andere cellen er onder staan)
[..]

quote:

Op dinsdag 11 januari 2005 15:45 schreef DutchBlood het volgende:
http://c-q.nl/dnorm/

In FireFox lijnt ie m'n menubalk en content wel in het midden uit, maar in IE niet. Heb al vanalles geprobeerd, site is ook via de w3 standaard.

quote:

Op dinsdag 11 januari 2005 17:13 schreef Roönaän het volgende:
DB: Voor IE moet de doctype op de eerste regel staan wil het werken en uit quirk mode springen

quote:

Op dinsdag 11 januari 2005 19:02 schreef Roönaän het volgende:
doctype op regel 1.