Avatar billede tobrukDk Novice
04. juli 2012 - 10:31 Der er 2 kommentarer og
1 løsning

tekst kommer ud over boxen

hejsa

det er sådan at jeg arbejder lige på min hjemmeside men det er sådan at jeg har 2 box som skal ligge ved siden af hinanden men det er sådan på f.eks bruger_opret_box og quoteBox skal ligge ved siden af hinanden men det er sådan at jeg har utroligt meget tekst på quoteBox div boxen.


sådan her ser min css-kode ud til de 2 boxen her


#boxMidt {
    padding:5px;
    margin:5px;
    width:700px;
    min-height:500px;
    float:left;
}
#bruger_opret_box {
    float:left;
    padding:5px;
    width:210px;
}
#bruger_opret_box h2 {
    color:#333;
    font-size:20px;
    text-align:center;
}
#bruger_opret {
    text-align:center;
    color:#000;
    width:200px;
    padding:5px;
    margin:0 auto;
    background:#E5E5E5;
   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#bruger_opret b {
    text-align:center;
}
#bruger_opret li {
    list-style-image:url(../img/bruger/ok.png);
    margin-left:4px;
    margin-right:4px;
}
button.css3button {
    width:200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #123d54;
    padding: 5px 15px;
    background: -moz-linear-gradient(
        top,
        #afd9fa 0%,
        #588fad);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#afd9fa),
        to(#588fad));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #003366;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);
}
#quoteBox {
  display:block;
  padding-top:1px;
  position:relative;
}
#quoteBox h1 {
    color:#000000;
      font-family:'Segoe UI';
      font-size:2em;
      font-weight:normal;
    text-align:center;
}
#quoteBox p {
    text-align:center;
    color:#333;
}
#quoteBox span.alignTop {
  padding-top:0;
}
#quoteBox span.alignTop img {
    padding-left:30px;
    padding-right:30px;
}
#quoteBox span {
  display:inline-block;
  position:relative;
}
#quoteBox span div {
  display:block;
  padding:5px;
  position:relative;
}
#quoteBox span.alignMiddle {
  padding-top:1px;
  vertical-align:middle;
}
#quoteBox span {
  display:inline-block;
  position:relative;
}


og jeg har en box ude over det som gøre at det er hvid background

som jeg har skrevet her


#content_alt {
    min-height:500px;
    background:#FFF;
    padding:5px;
    border-radius:1px solid #3C4042;
    border-bottom:1px solid #3C4042;
    border-left:1px solid #3C4042;
}


Her kan du se hvad jeg sådan helt mener med det hele!..

http://jesperbok.dk/book.png

Har du spørgsmål eller andet så skrive det
Avatar billede tobrukDk Novice
04. juli 2012 - 10:38 #1
sådan her ser min html ud ;


<div id="content_alt">
<div id="bruger_opret_box">
<h2>blabla</h2>
<div id="bruger_opret">
<p>infomation her</p>
</div>
<div id="boxMidt">
<div id="quoteBox">
<p>hej</p>
</div>
</div>
Avatar billede tobrukDk Novice
04. juli 2012 - 14:41 #2
jeg har klart den!
Avatar billede dannyhare Nybegynder
05. juli 2012 - 15:26 #3
løses med simpelt min-height
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