Positionering af div elementer
Jeg har tidligere fået hjælp af bl.a. pixeldude (http://www.eksperten.dk/spm/376960) til min nye store interesse - positionering af div elementer vha CSS, men nu bliver jeg nødt til at have hjælp igen.Hvis I ser på http://www.ejstrup-kongskov.dk/test2/, så skal jeg prøve at fortælle hvad jeg gerne vil have.
- Titlen (det hvide) skal være 70 px med bottom border
- Menu (det grønne) er 20 px med border pånær i top
- Baggrund (det røde) skal fylde det hele i højde - blot være 5 px fra menuen (det bliver adskilt af den gule streg) og border over det hele.
Mit store problem er at jeg ikke ønsker at få scrollbaren vist, med mindre der selvfølgelig er meget tekst, men ellers ikke.
Der skulle være 98 px til der hvor den røde baggrund skulle begynde og pixeldude kunne så et lille trick med at lave en topborder og top-margin, som så på en eller anden måde fik det hele til at gå op i højere enhed - men jeg kan bare ikke få det til at virke!
Nogen som kan?
Jeg bruger doctypen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> i min html fil og følgende i min css fil:
box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: content-box;
-moz-box-sizing: content-box;
Dette får siden til at se se ens ud i de seneste nye browser - bortset lige fra Opera som ikke vil gøre det hvide element 100% i vidden (?!).
Men i IE 5.5 bliver siden ikke vist "korrekt" (http://www.ejstrup-kongskov.dk/test2/ie55.gif) - samme struktur kan jeg få i de andre browsere hvis jeg fjerner .dtd'en fra doctype. Kan det løses?
Sidste lille ting - hvordan gør jeg sådan at jeg kan få vist datoen til højre? Jeg har prøvet at lave en class med:
span.hoejre {
text-align: right;
}
Men det hjalp ikke. :o(
Uha det svært at gøre alle browsere tilfredse!
