webForumDet fria alternativet

Problem med CSS och IE 6.0

14 svar · 1 039 visningar · startad av saw

sawMedlem sedan mars 20011 880 inlägg
#1

Jag vet att jag har frågat här tidigera, jag har sökt med ljus och lyckta men inte funnit någon lösning så nu hoppas jag att någon här kan hjälpa mig. Jag
har kollat min website via https://browsershots.org och enligt den så har jag
problem med IE 6.0, siten blir helt hoptryckt, alltså jag får ingen höjd...

body 
{
 background-color:#666666;
 FONT: 11px/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 PADDING-BOTTOM: 0px; 
 MARGIN: 0px 0px 20px; 
 PADDING-TOP: 0px;     
}
#logga
{
 position:absolute;
 top:5px;
 left:0%;
 width:850px;
}
#bottom
{
 /*clear:both;*/
 position: absolute;
 bottom:0px;
 left:0%;
 width:850px;
}
#content
{
 position:absolute;
 left:0%;
 top:29%;
 width:850px;
 height:65%;
 background-color: White;
}

Sen använder jag det så här..

<form id="form1" runat="server">
    <div style="position:absolute; left:70px; top:0px; width:450px; height:600px;">
        <div id="logga" style="z-index: 100">
        Detta skall vara loggan
        </div>
        <div id="content">
            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
            
            </asp:ContentPlaceHolder>
        </div>
        <div id="bottom">
        Detta skall då vara footen
        </div>
    </div>
    </form>

.. finns det någon som sitter inne med en lösning på detta problemet så är jag väldigt tacksam.

rhdfMedlem sedan okt. 2007446 inlägg
#2

varför positionerar du allting absolut ?
Jag ser inget i det där upplägget av html som kräver att det positioneras absolut.

sawMedlem sedan mars 20011 880 inlägg
#3

rhdf
Jag skulle nog ha förklarat lite tydligare.
Jag byggde upp https://www.mkef.se åt en kund, allt såg perfekt ut i iE 7.0 men när jag kollade via https://browsershots.org så upptäckte jag problemen med iE 6.0.
Det som jag visar är kontentan av var problemen finns. Den ligger i en MasterPage.
Jag vet att jag skulle kunna lösa det med frames eller kanske med tables, men jag
ville dra nytta av masterpages och css.

voigtann1Medlem sedan juni 20019 519 inlägg
#4

Som rhdf skriver: Absolute positionering är i mitt tycke inget sätt att göra en design på.
Din källkod är lite konstigt med: Du har en hel del radbrytningar innan du skriver ut din Doctype. Fixa detta först. Sidan ser konstig ut om du kör lite lägre upplösning med.

sawMedlem sedan mars 20011 880 inlägg
#5

Tack för svaren. JAg måste erkänna att jag vet inte vad skillnaden är mellan absolute och relative position är..
voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype
Var någonstans menar du? Jag ser inga radbrytningar?

DanneStMedlem sedan feb. 20041 311 inlägg
#6

saw skrev:

voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype
Var någonstans menar du? Jag ser inga radbrytningar?

Kolla din källkod, du har flera tomma rader innan din första kod (doctypen) kommer.

voigtann1Medlem sedan juni 20019 519 inlägg
#7

saw skrev:

Tack för svaren. JAg måste erkänna att jag vet inte vad skillnaden är mellan absolute och relative position är..
voigtann1:Du har en hel del radbrytningar innan du skriver ut din Doctype
Var någonstans menar du? Jag ser inga radbrytningar?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

När det skall vara:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Absolute och relative är en rätt klar skillnad. Absolute ta hela elementet och placera där du säger att den skall placera sig med top,left,right,bottom. Medans Relative gör detsamma men den behåller "ytan" från sin orginal storlek. Men som din grund design ser ut så känns det som du inte behöver använda dig av någon av dom.

sawMedlem sedan mars 20011 880 inlägg
#8

Nu menar ni väll på mkef.se?
Jag vet att jag måste göra om mycket där, och det är därför som jag har gjort denna
lilla test-sida för att upptäcka problemen. Den ligger på
http://www.utvekling.saw.se/Default.aspx

voigtann1Medlem sedan juni 20019 519 inlägg
#9

Nu menar ni väll på mkef.se?

Ja? Utan en doctype som IE MÅSTE vara på rad 1 så kommer den tolka CSS helt annolunda än det du vill att den skall göra. Och relative saken gör du bara för att du vill ha 7% luft till vänster? Då hade jag hellre använt mig av Margin-left än position.

rhdfMedlem sedan okt. 2007446 inlägg
#10

jag kollade lite snabbt på en av mina sidor (också asp.net)
och även där finns ett par radbrytningar innen doctype, måste mao vara så att .net inte "strippar" bort det som står överst i master-filen (<%@ Master Language="VB" CodeFile="master.master.vb" Inherits="master" %>) och dessutom då lägger till en extra rad, går ju dock enkelt att lösa genom att man helt enkelt flyttar upp doctypen överst i källkoden

sawMedlem sedan mars 20011 880 inlägg
#11

Nu låter jag väll för dj-g men exact vad är doctypen?

PalleMedlem sedan apr. 20003 174 inlägg
#12

voigtann1 skrev:

... som IE MÅSTE vara på rad 1 så kommer den tolka CSS helt annolunda än det du vill att den skall göra.

Eh.. va? Vad baserar du det svaret på? Källa?

En sida som är gjord för att renderas i standards compliance mode kommer inte att renderas i quirks mode (eller någon annat mode) bara för att doctype´en inte ligger på rad 1 så länge som doctype´n är den första taggen i dokumentet.

PalleMedlem sedan apr. 20003 174 inlägg
#13

saw skrev:

Nu låter jag väll för dj-g men exact vad är doctypen?

För att få din webbsida att, mer eller mindre, se likadan ut i IE6 och nyare läsare måste webbläsaren rendera sidan i standards compliance mode, för att göra detta måste du använda en Strict doctype.
Här kan du läsa mer om doctype. :)

tantenMedlem sedan nov. 20051 596 inlägg
#14

Jag har tittat lite på din sida och funderar på vilka den riktar sig till. Inte bara företag, utan också till människor med allehanda handikapp, så jag kan inte göra annat än råda dig att försöka fixa till sidan så den fungerar för alla, inte bara utseendemässigt där den inte heller fungerar i Firefox. Bara bitvis.
Nu är jag sjuk och tänker kanske inte helt klart, men påbörjade ett förslag på en sida utan position. Det finns kanske andra och bättre lösningar... men nu orkar jag inte mer :-)
Jag brydde mig inte alls om dina menyer men gjorde plats åt dem. Sedan slog jag ihop Storstädning och Barnpassning till ett, bara för att visa hur du kan göra dem utan table-design. Det är bara att dela på dem sedan.
http://member.webforum.nu/9656/mkef.html
Och denna sida tipsar jag dig om för att kolla "tillgängligheten", där jag kollade sidan
http://www.tawdis.net/taw3/online?url=http%3A%2F%2Fmember.webforum.nu%2F9656%2Fmkef.html&idioma=sv-SE
där du kan se att den nu har tre 0:or uppe i högra hörnet.

Lycka till :)

sawMedlem sedan mars 20011 880 inlägg
#15

Hej och tack alla ni som har försökt att hjälpa mig. Det verkar som om jag har fått
det att fungerar men jag håller tråden öppen ifall jag råkar ut för kris.

127 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)