Denne tråd er over 6 måneder gammel
Er du sikker på, at du har noget relevant at tilføje?
faux columns i IEAf Ultra Supporter Kilroy | 19-12-2006 13:14 | 1508 visninger | 11 svar, hop til senesteJeg sidder og leger med et nyt design til min fars hjemmeside. Han professor ved Aalborg Universitet, så siden skal være nobelt kedelig for nu at bruge hans egne ord. Jeg har lavet et ganske simpelt udkast til en rimelig standard side, men som altid drillede designet lidt, da jeg gerne ville have en min-height på venstre spalte, hvor menuen er. Derfor har jeg brugt faux columns til at bygge den op. Det er imidlertid mit første forsøg indenfor genren, så stor var min glæde, da det rent faktisk så helt fornuftigt ud ... I min Powerbooks Safari browser.
Min pc er lidt død i sværen for tiden, så jeg har ikke mulighed for at designe primært til Internet Explorer. Jeg synes imidlertid, jeg har været påpasselig med at undgå de koder, der med sikkerhed smadrer designet i IE.
Alligevel er siden fuldstændig ubrugelig i IE. Firefox skulle vist klare den nogenlunde, men hvordan optimerer jeg koden, så den også kan vises i IE?
Kunne forestille med, at det har noget med mine paddings at gøre, men kan det være rigtigt, at jeg ikke kan bruge paddings for at opnå crossbrowserkompabilitet?
http://www.goodlooking.dk[...]
http://www.goodlooking.dk[...]
--
#1, det lyder frækt. Jeg er på job indtil i aften, hvorfor jeg ikke vil have mulighed for at checke det, så på forhånd tak ;-)
--
Blog :: http://www.goodlooking.dk[...] Altså.. Ie og html/css/div's.. :D det er sq da et helvede.. Jeg skulle lige en masse ting, så det passer helt fint at du er på arbejde lige nu.. uploader lidt senere end forventet.. :)
--
http://www.humanslair.dk[...]
MSN: [email protected]
Du er velkommen til at skrive til mig med spørgsmål HTML-formatering, ASP VB 3.0 mm. :) http://letsfly.dk[...]
http://letsfly.dk[...]
Jeg skal nok lige forklare lidt nærmere, senere.. Lige nu er jeg så sulten så jeg er ved at falde sammen.. :P MÅ simpelthen ud og smøre mig en 6-7 madder, af en art, før vi skal have aftensmad.. puuh...
Nå.. Men jeg ved godt at det ikke ligner helt præcist, det du viste. Men jeg ved jo ikke om du vil have dit design til præcis at ligne det du sendte ind. Så jeg ville ikke sidde og fifle alt for meget med det. Så røg det simple af siden også af. :)
Ydermere har jeg opbygget CSS-filen stort set, som du den måde du gør det på. Plejer dog ikke at gøre det sådan selv, så det kan godt være den virker en smule rodet for dig. :)
Jeg vender som sagt tilbage, med en mere udbyggende forklaring på siden.. ;)
--
http://www.humanslair.dk[...]
MSN: [email protected]
Du er velkommen til at skrive til mig med spørgsmål HTML-formatering, ASP VB 3.0 mm. :) Din DOCTYPE mangler en URL til DTD henvisningen
Se http://www.html.dk[...]
Der er et par fejl i din html (validator.w3.org)
Du mangler en /div til at afslutte div id="layout"
og så er der to br / efter /li der skal fjernes.
og for at få det til at spille i style.css
Tilføj float: left; til div#faux
og brug følgende i div#content
float: left;
width: 574px;
border-right: 1px solid black;
padding: 25px 0;
håber det kan bruges :) har testet i IE7 og Firefox
--
Som du kan se i linket er det ganske ligegyldt at skrive adressen til doctypedokumentet. I hvert fald i HTML 4.0.. Man kan være ganske sikker på at adressen til deres dtd, ikke ændres. Og at man iøvrigt har implemteret alt det man vil, fra browserfabrikanternes side. :)
Men ellers, ja. Så er det nødvendigt, og samtidig god kodeskig. Og glemsomhed, er også grunden til at jeg ikke fik det sat ind i min version af siden. :)
--
http://www.humanslair.dk[...]
MSN: [email protected]
Du er velkommen til at skrive til mig med spørgsmål HTML-formatering, ASP VB 3.0 mm. :) #6 Der tager du fejl, det er vigtigt (for IE) at man angiver URL'en ellers går IE i "Quirksmode" og det er derfor centreringen via css ikke fungere. Det løser du så med CENTER (som er et deprecated tag)
--
#5, jeg har ikke selv haft mulighed for at lege med IE7 endnu, men jeg kunne forestille mig, at css implementeringen er blevet væsentligt bedre? Vil dine rettelser også få siden til at fungere i IE6? Antager, at IE7 endnu ikke er allemandseje?
Tak for hjælpen til jer begge to!
--
Blog :: http://www.goodlooking.dk[...] Hvis du fjerner dine height:100% så kan IE6 også være med.
og så lige et par tips du kan ignorere :)
Når du bruger px til at angive font-størrelsen kan man ikke ændre tekst-størrelsen i IE.
I stedet for at bruge height kan du bruge padding i header og footer.
--
#5, nu fik jeg så endelig tid til at se på dine forslag, og i hvert fald i Safari rykkes indholdet i #content ned under indholdet i #navigation. De to spalter flugter altså ikke vandret. #content starter først, der hvor #navigation slutter...
--
Blog :: http://www.goodlooking.dk[...]
Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.
Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.
Opret bruger | Login
|
Du skal være logget ind for at tilmelde dig nyhedsbrev.
Hvilken udbyder har du til internet? 424 personer har stemt - Mit energiselskab (Ewii f.eks) 11%
|