Avatar billede zentral Nybegynder
06. september 2007 - 12:37 Der er 3 kommentarer og
1 løsning

DIV problem

Hej Hej

jeg har et problem med nogle div tags.
jeg har lavet et lille eksempel, så i bedre kan følge mig ...

<a href="http://www.zentral.dk/div.htm">http://www.zentral.dk/div.htm</a>

problemet er at den miderste div indeholder borderne sådan at hvis teksten der i altid følger med uanset hvor langt indholdet er men hva så hvis at indholdet i DIV (højre eller venstre) bliver længere så følger de ikke længere med...

nogle som kan hjælpe med dette problem.

koden jeg har lavet er som her:

    <!-- Hoved ramme -->
    <div style="width: 604px; min-height: 50px; text-align: center; border: solid 2px #cccccc;">
   
    <!-- Venstre ramme -->
    <div style="width: 200px; min-height: 50px; float: left;">1
    <br /></div>
   
    <!-- Midte ramme -->
    <div style="width: 200px; min-height: 50px; float: left; border-left: solid 2px; border-right: solid 2px;">2
    <br /></div>
   
    <!-- Højre ramme -->
    <div style="width: 200px; min-height: 50px; float: right;">3
    <br /><br /><br /><br /><br /><br /><br /><br /></div>
   
    </div>
Avatar billede stenger Nybegynder
06. september 2007 - 13:09 #1
Det man kan gøre, for at sikre sig at borders altid følges ad, er at smide et background-image på en omkransende DIV.

Nu ved jeg ikke om Hoved Ramme ligger uden om alle dine andre divs. Hvis så, så kan du jo lave et billede på 604px X 5px, hvor du "tegner" dine borders på. Dvs. du har en 200px hvid boks, der passer med størrelsen til venstre rammee, så tegner du en border, så en hvid boks med en størrelse, der passer til midterammen... og så videre.

I din omkransende div indsætter du så:

#hovedramme {
background-image:url('/linktilditbillede');
background-repeat:repeat-y;
}

Så vil borders altid følges ad, da de egentligt bare tilhører et og samme billede, der jo ligger i den omkransende div, som gerne skulle udvide sig og få størrelse alt efter hvilken underboxs, der har mest indhold.

Er det forståeligt eller kringlet? Egentligt meget simpelt, men lidt svært at forklare :)
Avatar billede zentral Nybegynder
06. september 2007 - 13:28 #2
det virker.... mange tak ....
Avatar billede zentral Nybegynder
06. september 2007 - 13:28 #3
skriver du lige et svar ,... ?
Avatar billede stenger Nybegynder
06. september 2007 - 14:18 #4
Here you go.. :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester