7 svar · 294 visningar · startad av Viktor
Jag har den här CSS filen
/* Global section */
body
{
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:0em;
color: #2f2f2f;
}
/* Top section */
#top
{
margin-top:0.5em;
margin-right:0em;
margin-left:0.5em;
margin-bottom:0em;
position:absolute;
font-size:xx-large;
font-weight:normal;
}
/* Menu */
#menu
{
margin-top:9em;
margin-right:0em;
margin-left:2em;
margin-bottom:0em;
background-color:#f0f0f0;
position:absolute;
font-size:x-small;
width:10em;
}
/* Main section */
#main
{
margin-top:4.2em;
margin-right:0em;
margin-left:11em;
margin-bottom:0em;
position:absolute;
font-size:small;
}
och allt ser ut så som jag vill ha det men texten i main sektionen byter inte rad fören den är långt utanför skärmen/fönstret. Har försökt att sätta en % width på den men det hjälper inte. Jag vill att texten ska gå till kanten av fönstret och sedan byta rad. Tror det kan vara "widht:10em;" hos menu som spökar men jag vet inte.
/Viktor
Hmm...
I vilka webbläsare ? Funkar det i någon men inte i andra eller buggar det ur i alla du testat med?
Vilken <!DOCTYPE kör du med?
Hur ser själva htmlkoden ut - ligger taggarna för #top, #menu och #main "på rad" efter varandra eller ligger någon/några/alla inuti någon "container-div" eller så ?
Känner att jag behöver se mer för att börja nysta... Har du en länk ? (eller har du lust att lägga upp sidan i "Mina filer" ?)
Ser lika ut i både Firefox och IE.
Du kan kolla här, http://www.vgsoftware.com/webforum/test.html.
/Viktor
hm, för mig bryter den rad.. kör opera 7.54, kollade med ie, men där bryter den inte...
Om det kan vara till ngn hjälp! :)
Ser Ok ut i firefox också. :)
Ok, bara fel i IE :)
Var fel i Firefox också när jag hade en "widht:95%" i main men när jag tog bort den fungerar det bra i Firefox.
/Viktor
Ok, skrev om css filen lite och fick det att bli bra om jag tog bort "position:absolute", men då får jag tillbaka problemet som jag hade tidigare, Ofriviligt indrag...
Detta händer bara i IE och inte i Firefix.
/Viktor
Hmm..
Annars kan du ju prova att göra såhär istället:
#main
{
position:absolute;
height:auto;
width:auto;
top:4.2em;
right:0em;
left:11em;
bottom:0em;
font-size:small;
}