steinark Skrevet 7. september 2006 Del Skrevet 7. september 2006 hva er det jeg gjør eller tenker feil? i mitt hode skal alle fire boksene ligge på samme linje slik ser det ut i opera 9: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>test</title> <style type="text/css"> div.container { width:800px; border:2px solid red; } div.header,div.footer { outline: green dotted 2px; width:800px; clear:left; overflow: hidden; } div.sidebar { outline: green dashed 2px; float:left; width:173px; margin:15px 0 5px 20px; text-align: left; } div.content { margin:0 15px 0 195px; } div#link{ padding: 5px 10px; } div#link div{ outline: blue solid 2px; position:relative; width:175px; float:left; margin:10px; } </style> </head> <body> <div align='center'> <div class='container'> <div class='header'> header </div> <div class='sidebar'> sidebar </div> <div class='content'> <div id='link'> <div class='linkL'> linkL </div> <div class='linkM'> linkM </div> <div class='linkR'> linkR </div> </div> </div> <div class='footer'> footer </div> </div> </div> </body> </html> Lenke til kommentar
Erik B. Skrevet 7. september 2006 Del Skrevet 7. september 2006 Fordi link elementene er for stor til at alle får plass på en linje. Prøv med denne i stedenfor: div#link div{ outline: blue solid 2px; position:relative; width:120px; float:left; margin:10px; } Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå