Flytande div med border

Tråden skapades 2007-06-12 och har fått 5 svar. Det senaste inlägget skrevs 2007-06-13.

2007-06-12 16:30

the_eagle
Medlem ●
Södermalm
2007-06-12 16:30

Har två stycken div main och side som ligger specade i % 70 resp. 30 där hela div layout ligger på 100%. Ifall jag lägger border på ngn av main eller side hoppar div side ner ett steg i Firefox samt IE. I Safari ligger dom kant i kant med en pixel svart border precis som jag vill ha det. Hur ska jag få denna border och få plats även i Firefox samt IE?

Anmäl Ändra Gilla Svara

2007-06-12 16:59

the_eagle
Medlem ●
Södermalm
2007-06-12 16:59

Flytande div med border

Anmäl Ändra Gilla Svara

2007-06-12 17:17

memark
Medlem ●
Mölndal
2007-06-12 17:17

30+70=100 och lägger du till ytterligare pixlar får det helt enkelt inte plats! Du får minska någon av storlekarna.

Anmäl Ändra Gilla Svara

2007-06-12 18:07

kamikaze
Medlem ●
Gotland
2007-06-12 18:07

måste du speca dom med procent? växer den? annars hade jag specat i pixels och dragit av för bordern som säkert är det som skjuter ner allt

Anmäl Ändra Gilla Svara

2007-06-12 21:57

Johan S
Medlem ●
Umeå
2007-06-12 21:57

Slog ihop dubbelposten

Anmäl Ändra Gilla Svara

2007-06-13 00:44

johanandre
Medlem ●
Norrköping
2007-06-13 00:44

Box-modellen (ska) behandla bredd följande:

total bredd = bredd + border + padding

vill du alltså ha en div som upptar 500px av skärmen med 10px padding runt om och en border på 2px så gör du:

#id {
   width: 476px;
   padding:10px;
   border:2px solid #000;
   }

Nu är ju inte detta riktigt sant för IE6 buggar och kan ge konstiga resultat... Dock ska det fungera i alla webbläsare som stödjer css2 på en ok nivå!