Oprettet tor. d. 06. september 2007 kl. 12:37:40

zentral
zentral (8.950 point. Point ude: 3.100)
www.zentral.dk

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/ (...)

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>

Skrevet tor. d. 06. september 2007 kl. 13:09:03| #1

stenger
stenger (13.825 point)
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 :)

Skrevet tor. d. 06. september 2007 kl. 13:28:42| #2

zentral
zentral (8.950 point)
www.zentral.dk
det virker.... mange tak ....

Skrevet tor. d. 06. september 2007 kl. 13:28:53| #3

zentral
zentral (8.950 point)
www.zentral.dk
skriver du lige et svar ,... ?

Skrevet tor. d. 06. september 2007 kl. 14:18:43| #4

stenger
stenger (13.825 point)
Here you go.. :)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

hvordan fungerer en "phone version" af en side?

Oprettet den 25. maj 2012 kl. 13.03
kurdo giver 200 point for svar | Giv et svar »

Opsætning af design

Oprettet den 24. maj 2012 kl. 20.33
EveryMA giver 60 point for svar | Giv et svar »

text top

Oprettet den 23. maj 2012 kl. 08.08
oersted giver 200 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger