ännu ett css-problem

Tråden skapades och har fått 6 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Stockholm
  • 2004-01-09 23:45

Hej!

snart börjar ni säkert tröttna men än känner jag att det finns hjälp här att hämta

Jag har först en top-div där bannern ligger.
Sen så ska jag ha en meny under till vänster och direkt till höger om menyn skall jag ha huvudinnehållet.
Huvudinnehållet skall gå från menyns kant (med 10px mellan) och hela vägen ut till höger så långt som bilden över (som ligger i div'en "top").

Problemet är att att jag inte vet hur jag ska få div'en med huvudinnehållet att sträcka sig exakt lika långt ut till höger som div'en över ("top").

Jag vill heller inte att innehållet skall lägga sig in under menyn om det är mycket info. Vet inte om float:left är rätt väg att gå då...

Här bifogas nuvarande kod

body {
        padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
	
	background-image: url(../bilder/bgcolor.gif);
	background-repeat: repeat;
}


#top {
	margin-top: 10px;
	margin-bottom: 10px;
	
	background-image: url(../bilder/logoBG.gif);
	background-repeat: repeat-x;

	width: 100%;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
}


#menu {
	margin-right: 10px;

	float: left;
	
	width: 130px;

}

#main {
	float: left;
		
	background-image: url("../bilder/bg.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	
	border: 1px dashed green;
}

(den gröna bordern är bara för debugging info)

och så en bild:

omedelbart skulle jag säga att det är för du inte har angett någon bredd på #main som du har på #top.

en annan liten detajl bara; när du definera tomma values som tex margin: 0px 20px 0px 0px så skall det "nollade" values vara utan enhets betekning, dvs margin: 0 20px 0 0;. Exakt varför kommer jag inte ihåg, jag vet bara att jag lärt det av en css guru för ett tag sen, antagligen står det så i specet

  • Medlem
  • Stockholm
  • 2004-01-10 14:10

Ok, skall genast sluta skriva 0px. Bra att lära sig faktiskt.

Har gett upp för tillfället och skriver istället

<body>			
	<table cellpadding="0" cellspacing="0" border="0" width="100%">
	<tr>
	<td colspan="2"><div id="top"><img src="bilder/logo.gif" width="180" height="114" vspace="0" hspace="0"></div></td>
	</tr>
	<tr>
	<td width="130" valign="top"><div id="menu"><?php require("meny.php"); ?></div></td>
	<td width="100%" valign="top"><div id="main" align="center">

	</div>
	</td>
	</tr>
	</table>
  • Medlem
  • 2004-01-11 20:45

johan: Enheter på 0-värden spelar ingen roll, det är snarare det enda fall då enheter inte _krävs_

ivar: Återigen vore det bra att se hur din html ser ut (i css-layoutfallet) eftersom det är svårt att svara på hur din css-kod påverkar elementen annars. Att du kör float: left; på menyn verkar riktigt. Att du har 20px höger/vänster-marginal på body kan däremot vara en anledning till att du får ett glapp på högerkanten, svårt att säga såhär nu, men det ser ut som att det kan hänga samman med ditt glapp (som uppskattningsvis ligger på 2x20px). Posta gärna en URL också nästa gång.

/Anton

  • Medlem
  • Stockholm
  • 2004-01-11 20:48

Ok.

Problemet är att jag arbetar lokalt med det mesta.

Ska försöka lägga upp i en tempmapp nästa gång och ge länk iaf.

Mvh
Ivar

Citat:

Skrevs ursprungligen av Anton
johan: Enheter på 0-värden spelar ingen roll, det är snarare det enda fall då enheter inte _krävs_

haha, det är mycket möjligt! Jag hörde det engång i tiden och sen dess har det alltid legat i mitt undermedvetande, där det förmodligen har blivit förvridit ett antal gånger

//edit: prenumerade på din css-list nyss, letat efter ett svensk alternativ till den överaktiva css-discuss ett tag..

  • Medlem
  • Stockholm
  • 2004-01-11 23:27

Skrev upp mig på css-list nu också..

fniss...lustigt att ha "xhtml" länk till validatorn hos w3 för att få resultatet att sidan inte är godkänd

1
Bevaka tråden