Avatar billede codeadmin Nybegynder
16. oktober 2012 - 22:50 Der er 9 kommentarer og
1 løsning

tekst går igennem colums

Hej.


Har en css side hvor jeg har header, menulinje, venstrekollone, midte (content), højrekollone og footer.

Mit problem er at når jeg har en større tekst i min midte (content) kollone så går den ind "under" min højre og kommer ud på den anden side.
Kan man lave noget så den automatisk siger stop og laver linje skift?
Avatar billede codeadmin Nybegynder
16. oktober 2012 - 22:55 #1
skal lige nævne at det er lavet så siden selv gør sig større eller mindre alt efter hvilken skærmopløsning brugeren har.
Avatar billede scootergrisen Nybegynder
17. oktober 2012 - 00:51 #2
Sæt en margin-right på midten som er lidt så bred på indholdet til højre.
Avatar billede olebole Juniormester
17. oktober 2012 - 02:55 #3
<ole>

Der kan være adskillige løsninger. Hvilken, som vil hjælpe, kan der ikke siges meget om, uden at kende din kode

/mvh
</bole>
Avatar billede codeadmin Nybegynder
17. oktober 2012 - 11:05 #4
Dette er min style fil hvis du vil se noget andet så lad mig høre?


@import url("reset.css");

body {
    font-family: verdana;
    font-size: 13px;
    line-height: 16px;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
    font-size: 36px;
}

h1 {
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=000000);
  font-weight:bold;
}

h2 {
    font-family: verdana;
    font-size: 18px;
    font-weight: bold;
}

h3 {
    font-family: verdana;
    font-size: 13px;
}

b {
   
    font-weight: bold;
}

p {
    padding: 10px;
}

#wrapper {
    width: 95%;
    min-width: 200px;
    max-width: 1900px;
  /* max-width: 1280px; */
    margin: 10px auto;
}

#headerwrap {
    width: 100%;
    float: left;
    margin: 0px auto;
}

#header {
    height: 150px;
    background: #000000;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 0px solid #000000;
    margin: 0px;
    text-align: center;
    color: #FFFFFF;
    font-family: impact;
    font-size: 48px;

}

#navigationwrap {
    width: 100%;
    float: left;
    margin: 0px auto;
}

#navigation {
    height: 20px;
/*  background: #FFCC33; */
    border-radius: 0px;
    border: 0px solid #ebb81f;
    margin: 0px;
    text-align: center;   
    color: #FFFFFF;
    text-shadow: 2px 2px #000000;
    font-family: verdana;
    font-size: 16px;
   
    /* Gradiant til IE og andre */
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
    background: #999; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */
}

#contentliquid {
    float: left;
    width: 100%;
}

#contentwrap {
    margin-left: 150px;
    margin-right: 150px;
    float: left;
}

#content {
    background: #FFFFFF;
    border-radius: 10px;
    border: 0px;
    margin: 10px;
}

#leftcolumnwrap {
    width: 150px;
    margin-left:-100%;
    float: left;
}

#leftcolumn {
    background: #FFFFFF;
    border-radius: 10px;
    border: 0px solid #1fb8eb;
    margin: 0px;
    bottom: 0px;
}

#rightcolumnwrap {
    width: 150px;
    margin-left: -150px;
    float: left;
}

#rightcolumn {
    background: #FFFFFF;
    border-radius: 10px;
    border: 0px;
    margin: 0px;
}

#footerwrap {
    width: 95%;
    float: left;
    margin: 0px auto;
  /*position: absolute;*/
  /*bottom: 0;*/
    position:fixed;bottom:0;


}

#footer {
    height: 25px;
    background: #000000;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 0px solid #1feb52;
    margin: 0px;
    text-align: center;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 12px;
    padding-top : 12px;
   
}
Avatar billede olebole Juniormester
17. oktober 2012 - 16:10 #5
Der kan være adskillige løsninger. Hvilken, som vil hjælpe, kan der ikke siges meget om, uden at kende din kode
Avatar billede codeadmin Nybegynder
17. oktober 2012 - 17:48 #6
Så får du også den ;)


<? session_start(); include("config.php");

     
        $sql1 = "SELECT * FROM `system`";
  $result1 = mysql_query($sql1) or die('Error : ' . mysql_error());

 
 
  while($row = mysql_fetch_array($result1))
  {
     
include("header.php");   
?>


        <div id="contentliquid"><div id="contentwrap">
        <div id="content">
        <h2>Velkommen til <? echo "$row[navn]"; ?></h2><br /><br /><br />
        <pre><h3><?
$sql = "SELECT * FROM `main`";
  $result = mysql_query($sql) or die('Error : ' . mysql_error());

 
 
  while($row1 = mysql_fetch_array($result))
  {
      echo("$row1[tekst]");
     
     
      } ?>
        <br /><br /><br /><br /></pre></h3>
       
        </div>
        </div></div>

        <div id="rightcolumnwrap">
        <div id="rightcolumn">
        <? include("hojre.php"); ?>   
        </div>
        </div>
        <div id="footerwrap">
        <div id="footer">
          <pre><? print "$row[navn]"; ?>      |      CVR: <? echo "$row[cvr]"; ?>      |      <? echo "$row[adresse]"; ?>      |      <a href="mailto:<? echo "$row[mail]"; ?>"><? echo "$row[mail]"; ?></a></pre>
        </div>
        </div>
    </div>
</body>
</html>
<? } ?>
Avatar billede olebole Juniormester
17. oktober 2012 - 17:57 #7
Ja, og kan du så ikke lige sende mig dine databaser og din server? Når jeg gerne vil se din kode, som du har problemer med at styre med CSS, så efterlyser jeg jo nok en HTML-kode ... ikke en PHP-kode, som jeg skal gætte mig til, hvad vil udskrive. Tænk!  *o)
Avatar billede olebole Juniormester
17. oktober 2012 - 18:03 #8
- og udover din resulterende HTML-kode må jeg selvsagt også kende indholdet af reset.css
Avatar billede codeadmin Nybegynder
20. oktober 2012 - 02:26 #9
Lukker - Ole: var da en interessant tone du kunne finde frem!
Avatar billede olebole Juniormester
20. oktober 2012 - 04:00 #10
Spørgsmålet har du stillet under HTML/CSS, hvorfor man må gå udfra, du godt ved, problemet handler om din HTML- og CSS-kode. Så giver det ikke megen mening at give os en PHP, vi skal sidde og gætte på, hvad mon skriver ud  =)

Når man oplever fejl i visningen af dynamisk kode, er det første (eneste), man skal koncentrere sig om, den resulterende HTML-kode, som PHP spytter ud.

Man bør som det første kikke i browserens kildekode og se, om HTML-koden ser ud som forventet. Derefter er det en rigtig god idé at validere den i W3C's validator.

Det sidste, der er interessant i forbindelse med visningsproblemer, er PHP-kode. Det første er HTML-/CSS-kode. Det burde være indlysende for enhver, som har kodet nogle uger - og som tænker sig om. Gør man ikke det, må man forvente 'interessante toner' ... selvom man måske hellere ville høre 'falske toner'  *o)
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