DirreMedlem sedan maj 200634 inlägg Tjena som överskriften lyder så får jag ett float fel. Det är säkert jag som gjort fel men det fungerar perfekt i FF men inte i IE. Jag vill ha två sidebars på var sida av själv "sidan". Då tänkte jag att om man flotar alla dom left så borde det funka, men icke i IE!
Sidan:
http://condac.tfqnet.com/mkshit/fredriks_bajs/test/hem.htm
CSS-Filen:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color:#FFFFFF;
margin:0px auto 0;
width:856px;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
color: #0099FF;
}
a:visited {
color: #0099FF;
}
a:hover {
color: #0033CC;
}
a:active {
color: #0099FF;
}
#wrapper {
width:856px;
text-aling:center;
}
.sidebar {
width:20px;
height:700px;
float:left;
}
#container {
background-color:#4c4c4c;
width:816px;
height:700px;
float:left;
}
#banner {
width:816px;
height:161px;
background-image: url(../_img/banner2.png);
clear:left;
}
#dotsDivider {
width:816px;
height:16px;
background-image:url(../_img/dots_divider.png);
clear:left;
}
#menu {
width:816px;
height:16px;
padding-left:10px;
margin:0px;
padding-bottom:0px;
clear:left;
}
#menu p{
padding:0px;
margin:0px;
}
#menuDivider {
width:816px;
height:6px;
background-image:url(../_img/menu_divider.png);
margin:0px;
clear:left;
}
#siteContent {
width:816px;
clear:left;
}
#sideContent {
width:160px;
padding-left:3px;
padding:right:3px;
padding-top:0px;
float:left;
}
.sideInfo {
background-color:#2a2a2a;
margin-right:3px;
margin-top0px;
padding:0px;
}
.sideInfo h1{
font-size:12px;
font-weight:bold;
margin-top:0xp;
padding-top:0px;
}
#main {
width:649px;
margin-right:3px;
margin-top:3px;
background-color:#2a2a2a;
float:left;
}
Tacksam för hjälp! //Dirre
headbugMedlem sedan sep. 2006867 inlägg För mig ser det hyfsat lika ut i FF2 och IE7, vilka verisioner prövar du i och om du orkar kan du väl skicka med två screenshots med varje browser i! Floats kan vara luriga!
MVH Jonas
DirreMedlem sedan maj 200634 inlägg Jag har kollat i IE 6...
prints FF:
http://condac.tfqnet.com/mkshit/fredriks_bajs/test/print_ff.jpg
print IE:
http://condac.tfqnet.com/mkshit/fredriks_bajs/test/print_IE6.png
Har hört att IE7 ska vara bättre för css men varför fungerar det inget vidare i IE6???
Vill finna en lösning på problemet..
//Dirre
zcorpanMedlem sedan dec. 20042 245 inlägg Ta bort
<div class="sidebar"><img src="_img/sidebar_left.png" alt="" /></div>
och lägg den som bakgrund med CSS istället...
Ta även bort tomma "devider"-divar eller onödiga divar i allmänhet (som tex #wrapper). Försök istället använda befintliga element (tex <body>).
DirreMedlem sedan maj 200634 inlägg okej.. tänkte göra så från början.. men vart osäker.. ska testa!
Tack för hjälpen.. Sen en sak till. om ditt inlägg nu löste mitt problem hur markerar jag det så folk vet att det va ditt inlägg som fixa det??
kanske är jag som är trög men har inte sett någon sån "knapp".
//Dirre
zcorpanMedlem sedan dec. 20042 245 inlägg Längst upp till höger i varje inlägg (i det mörkröda fältet) finns en länk "Acceptera som slutgiltigt svar".
DirreMedlem sedan maj 200634 inlägg hahaha okej såg inte den du..
men tyvärr så löste ditt förlag inte mitt problem. Det är IE6 som jag har kollat i..
Blir inte klok på flotgrejer.
Men finns det något annat sätt att lösa det på kanske?
//Dirre
Edit: Jag kan sätta float:right på den högra. Men då måste jag öka storleken på wrappern vilket jag inte vill, då det bli ett mellanrum på x antal pixlar mellan den högra sidebarne och själva sidan.. skumt värre...
majhoMedlem sedan okt. 20043 inlägg Jag vet inte om de funkar men testa att lägga in nått i de toma divarna, va som helst.. tror de räcker me en kommentar faktist ( tror de va så ja glöste mitt problem )
" <!-- blalba --> "
Sen kan du även lägga in en div eller nått som "avslutar" alla float...
<div style="clear: both;"><!-- clear --></div>...
kolla om inte de funkar... annars så kan de va margin som krånglar, de har hänt mig. så lägg även in " * { margin: 0px; padding: 0px; } "...
