Något skumt pågång :/

Arood · 2005-10-13, 07:41

Jag har gjort en ny version av min hemsida och har nu försökt fixa en liten bugg jag hade i IE. Jag löste det på det mest logiska sätt (att ha en "extra" container, jag använder en extra för att få exakt samma bredd i alla webbläsare) men det fungerar iaf inte.

http://www.aroodonline.net

Det är alltså på själva innehållet som ni IE-användare ser som linjerna försvinner, varför? (eller är det bara för mig som det blir så?)

digiArt · 2005-10-13, 07:58

Har inte tittat på källa eller css, men min första reflektion är att det är en container-div av ngt slag som blir bredare i IE än i FF. Ibland jäklas pixlarna mellan dessa läsare.

Jan Eriksson · 2005-10-13, 09:42

Utan att bryta ner koden kan jag bara dela med mig av en erfarenhet.

Byggde en sida med div:ar som såg totalt olika ut i IE och FF. (Det såg bra ut i IE men inte FF - Jag tittade i IE när jag skapade). Det visade sig att IE och FF tolkar padding olika. Efter en del lekande fick jag till det. Så mitt tips är att kolla detta.

Lindahl · 2005-10-13, 10:04

Ändra doctype till
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
så tror jag det går bättre.

Arood · 2005-10-13, 14:45

Boxmodellen som Jan Eriksson pratar om känner jag redan till, det är därför jag gjorde en "extra" container

Lindahl: Jag håller mig helst till XHTML 1.1 :P

Lindahl · 2005-10-14, 00:27

Ok, då blir det enkla svaret: Det går inte. Eftersom IE inte stöder xhtml 1.1 (eller det gör den väl så länge man inte anger att det är 1.1)

För övrigt: The W3C recommends that XHTML 1.1 content be served with the application/xhtml+xml MIME type, which Internet Explorer 6 does not support.

Eftersom du ändå inte anger mimetype till application/xhtml+xml, så då tycker jag du lika gärna kan nöja dig med 1.0.

Arood · 2005-10-14, 21:55

Men mimetype är bara en rekommendation, precis som allt annat av W3C, så jag klarar mig utan det.

Och med det enkla svaret (jag trodde faktiskt att det inte skulle gå :P) så kan jag kalla denna tråd löst :P

Lindahl · 2005-10-14, 23:23

Vad är det för fel på xhtml1.0 då? Jag kan inte själv vad det är som skiljer dem åt.

Arood · 2005-10-15, 11:14

1.1 är nyare :P

magga · 2005-10-16, 08:29

Om du släpper kontrollen när det gäller bredden på din div container, tar bort container2 och förslagsvis skriver :

#container {
background: #FFFFFF;
margin: 0 auto 0 5%;
width: 90%;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

så har du samtidigt gjort en container som fungerar för alla användare.
Det blir lite långt mellan boxarna på de allra största bildskärmarna, men å andra sidan har du gjort sidan användarvänlig för funktionshindrade som sitter vid liten skärm. Då kommer boxarna lägga sig under varandra.
Samma sak för mobiler som kan läsa xhtml, då ska du bara ange en ny max-bredd för högerboxen så den får plats utan att man ska behöva scrolla sidledes i en ny css för handheld och samma sak för bilderna.
Din design på sidan lider ju inte av det.
Och linjerna kommer alltid att synas...

Magga

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Något skumt pågång :/