Hej
Håber en vil være behjælpelig med et lille problem, som jeg ikke selv kan finde løsningen på, desværre...
Min hovedside bliver vist helt korrekt, helt som jeg har ønsket i min css-fil.
Men en underlæggende side, vises desværre forkert. Browseren flytter indholdet helt til venstre i vinduet. Men umiddelbart kun i IE7. I FF virker det perfekt. (Har kun testet i disse 2).
Hovedsiden er placeret her: www.XXX.dk/index.php
Med denne henvisning til css: "includes/style.css"
Undersiden er placeret her: www.XXX.dk/includes/test/artikel.php
Med denne henvisning til css: "../style.css"
CSS-filen er her: www.XXX.dk/includes/style.css
Det er kun placeringen der er problemer med, resten af opsætningen fra CSS'en virker fint på undersiden.
Udsnit af CSS'en.
- #wrapper {
- padding: 0px;
- height: 700px;
- width: 750px;
- background-color: #00CCFF;
- overflow: hidden;
- margin-top: 25px;
- margin-right: auto;
- margin-bottom: 0px;
- margin-left: auto;
- position: relative;
- }
- #header {
- margin: 0px;
- padding: 0px;
- float: left;
- height: 180px;
- width: 750px;
- border-top-style: none;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
- background-color: #00FFFF;
- overflow: hidden;
- }
- #leftbar {
- margin: 0px;
- padding: 0px;
- float: left;
- height: 490px;
- width: 175px;
- border-top-style: none;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
- background-color: #99FF00;
- overflow: hidden;
- }
- #main {
- margin: 0px;
- padding: 0px;
- float: left;
- height: 490px;
- width: 575px;
- border-top-style: none;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
- background-color: #999933;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- #footer {
- margin: 0px;
- padding: 0px;
- float: left;
- height: 30px;
- width: 750px;
- border-top-style: none;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
- background-color: #996600;
- overflow: hidden;
- }
- body {
- background-color: #CCCCCC;
- margin: 0px;
- padding: 0px;
- height: 100%;
- }