2 små layout fejl

Fejl 1 er din måde at håndtere billeder på, prøv at lave dem alle om.

Fejl 2 er fordi du har skrevet <HR /> med stort.

Ja det er jo ikke til at vide uden link til siden eller noget kode :)

Ja sorry, jeg var ellers helt sikker på at jeg hvad lavet et link.
Men bedre sent end aldrig: http://www.a-mweb.dk/ny/
Og sideboksen layout findes her: http://www.a-mweb.dk/ny/css/sideboks/
Og SSI fillen som importeres ligger her: http://www.a-mweb.dk/ny/SSI/W3C_og_Kontakt.html

Dit top.png er 220px men du ændre det til 224px i den sidebox_head?

Din sidebox_body er 224px med en border på 1.5pt som skal lægges til din 224px, så vil boksen jo blive for bred.

Din <hr /> ligger i div.W3C-valid_boks-yes som igen ligger i div#main sæt en bredde på for at styre din <hr />

Men prøv også at se siden i IE6 :)

Pngfix til IE6 http://homepage.ntlworld.com/bobosola/

--- Din sidebox_body er 224px med en border på 1.5pt som skal lægges til din 224px, så vil boksen jo blive for bred.

Jeg ved da ikke hvorfor der stod 224px, det er da lavet om, og jeg har også prøvet det du siger, hvis jeg ellers forstår det og er nået frem til dette...

table.sideboks {
    background-color:transparent;
    position:absolute;
    right:10px;
    border:none;
    border-collapse:collapse;
}
td.sidebox_head {
    background-image:url( top.png);
    background-repeat: no-repeat;
    background-position:bottom;
        width:220px;
    height:30px;
    border-bottom:none;
    text-align:center;
    font-weight: bold;
}
td.sidebox_body {
    background-color:rgb( 109, 113, 114);
    font-size:10pt;
    width:217px;
    border:solid black 1.5pt;
    border-top:none;
}
td.sidebox_mellemrum {
    background-color:transparent;
    width:220px;
    border-top:none;
    border-bottom:none;
    border-right:none;
    border-left:none;
}

--- Din <hr /> ligger i div.W3C-valid_boks-yes som igen ligger i div#main sæt en bredde på for at styre din <hr />

Kan du give et eksempel på det, for hvis jeg sætter den til et bestemt antal pixel så vil det se voldsomt dumt, hvis man har en anden opløsning end min.

--- Men prøv også at se siden i IE6 :)

Ja jeg havde helt glemt png og IE 6, og jeg har også lagt det der står i linket ind. Det er bare lidt svært at teste da jeg bruger Vista.

UPS, ja jeg er glemsom :D
--- Din sidebox_body er 224px med en border på 1.5pt som skal lægges til din 224px, så vil boksen jo blive for bred.

Jeg ved da ikke hvorfor der stod 224px, det er da lavet om, og jeg har også prøvet det du siger, hvis jeg ellers forstår det og er nået frem til dette...

NYT: og det virker desvære stadig ikke.

Prøv denne css.css til din side boks

table.sideboks {
    background-color:transparent;
    position:absolute;
    right:10px;
    border:none;
    border-collapse:collapse;
}
td.sidebox_head {
    background-image:url( top.png);
    background-repeat: no-repeat;
    background-position:bottom;
  width:218px;
    height:30px;
    border-bottom:none;
    text-align:center;
    font-weight: bold;
}
td.sidebox_body {
    background-color:rgb( 109, 113, 114);
    font-size:10pt;
    width:214px;
    border:solid black 1.5pt;
    border-top:none;
}
td.sidebox_mellemrum {
    background-color:transparent;
    width:218px;
    border-top:none;
    border-bottom:none;
    border-right:none;
    border-left:none;
}

Og sæt width:890px; på din div.main i Screen.css

Der er lige en ny her, da det ikke virkede i FF

table.sideboks {
    background-color:transparent;
    position:absolute;
    right:10px;
    border:none;
}
td.sidebox_head {
    background-image:url( top.png);
    background-repeat: no-repeat;
    background-position:bottom;
  width:220px;
    height:30px;
    border-bottom:none;
    text-align:center;
    font-weight: bold;
}
td.sidebox_body {
    background-color:rgb( 109, 113, 114);
    font-size:10pt;
    border:solid black 1.5pt;
    border-top:none;
}
td.sidebox_mellemrum {
    background-color:transparent;
    border-top:none;
    border-bottom:none;
    border-right:none;
    border-left:none;
}

Jeg ved ikke helt hvorfor, men det er din border-collapse:collapse; som laver balade, hvis du sætter cellspacing="0" cellpadding="0" i din tabel virker det.

Tak det vil jeg prøve når jeg kommer hjem.
Men jeg har stadig lidt svært at forstå det der med <hr />.
Men jeg skriver lidt mere grundigt tilbage når jeg kommer hjem. Mit problem er at jeg er ude i en ødemark hvor jeg ikke kan gå på internettet, på min computer.

Sådan nu virker sidebaren. :D
Men <hr /> virker bare ikke på FF
Jeg har opdateret forside.shtml og ændret fra <div class="xxx"> til <div style="css kode">. Så er det hvis letter for dig at hjælpe. :D

zips du er velkommen til at ligge et svar du har hjulpet mig rigtig meget.
Men jeg er bange for at denne tråd er gået død !

Her er et svar :)

Men vil godt hjælpe med din <hr /> er bare ikke sikker på hvad du mener, det jeg kan se er at den er længer i nogle browser end i andre, i FF3 er den lige så bred som den div den er i mens i IE6 går den ind under din boks i siden, i IE7 er den lige imellem.

Ja er det ikke sjovt. Men jeg tror at jeg finder en anden løsning som er til at regne med. Lige nu har jeg bare vigtiger ting at tage mig til :D

Tak for point :)