mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 21:56 Benutzername: Passwort: Auto-Login

Thema: problem mit css - speziell mit text im div-bereich vom 16.11.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> problem mit css - speziell mit text im div-bereich
Autor Nachricht
landungsbrücken
Threadersteller

Dabei seit: 13.08.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 16.11.2006 19:36
Titel

problem mit css - speziell mit text im div-bereich

Antworten mit Zitat Zum Seitenanfang

hallo. habe ein kleines problem mit folgendem code. das background div sollte sich mit größerem text nach unten verlängern. das macht es auch im ie aber nicht im firefox. nur finde ich den fehler nicht. vielleicht kann mir hier jemand helfen? das div mit der id:backall sollte also mit für den kompletten inhalt mit runter gehen...

hier die html

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
   <title>hallo</title>
   <link rel="stylesheet" href="style1.css" type="text/css" media="screen">
</head>

<body>

<center>

<div id="all">
   <div id="top">
      <div id="navigation">
         
      </div>
      <div id="logo">
         <img src="logo.jpg" width="216" height="49" alt="" border="0">
      </div>      
   </div>
   <div id="image">
      <img src="img_start.jpg" width="716" height="257" alt="" border="0">
   </div>
   <div id="content">
      <div id="text_withcol">
         <p>   orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lore
      </div>
      <div id="col">
         adf
      </div>      
   </div>
</div>
<div id="footer"></div>

</center>
</body>
</html>


hier die css

Code:
/* CSS Document */

/*---------------------------------------------
      HTML und BODY
---------------------------------------------*/

html {
   min-width: 783px;
}

body {
    background-color: #F1F1F1;
   border: 0;
   padding: 0;
   margin: 0;
   font-size: 11px;
   font-family: arial, verdana;
   color: #5A5A5A;
   text-align: left;
}

/*---------------------------------------------
      BEREICHE
---------------------------------------------*/

#all {
   position: relative;
   width: 783px;
   padding: 0;
   /*min-height: 600px;*/
   text-align: left;
   background: #FFFFFF url(back_all.gif) repeat-y top left;
}

#top {
   width: 783px;
   height: 60px;
}

#navigation {
   padding-left: 34px;
   float: left;
   width: 498px;
   margin-top: 53px;
}

#logo {
   padding-right: 35px;
   float: left;
   margin-top: 21px;
}

#image {
   clear: both;
   padding-top: 20px;   
   width: 783px;
   text-align: center;
}

#content {
   clear: both;
   padding-top: 30px;   
   width: 783px;
}

#text_withcol {
   padding-left: 34px;
   padding-right: 43px;
   float: left;
   width: 455px;
   height: 60px;
}

#col {
   padding-right: 35px;
   float: left;
   height: 60px;
}

#footer {
   clear: both;
   position: relative;
   width: 783px;
   padding: 0;
   height: 19px;
   background: #FFFFFF url(back_footer.gif);
}

  View user's profile Private Nachricht senden
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Fr 17.11.2006 07:56
Titel

Antworten mit Zitat Zum Seitenanfang

Ähemmm! * Ööhm... ja? *

Wo hast du denn einen Background außer im Footer angegeben?

Der müsste dann ja wohl im div#col angegeben sein! Oder hab ich hier was übersehen? * Such, Fiffi, such! *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 17.11.2006 11:04
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#all {
   position: relative;
   width: 783px;
   padding: 0;
   /*min-height: 600px;*/
   text-align: left;
   background: #FFFFFF url(back_all.gif) repeat-y top left;
   overflow:hidden;
}

#top {
   width: 783px;
   height: 60px;
}

#navigation {
   padding-left: 34px;
   float: left;
   width: 498px;
   margin-top: 53px;
}

#logo {
   padding-right: 35px;
   float: left;
   margin-top: 21px;
}

#image {
   clear: both;
   padding-top: 20px;   
   width: 783px;
   text-align: center;
}

#content {
   clear: both;
   padding-top: 30px;   
   width: 783px;
   height:auto;
   overflow:hidden;
}

#text_withcol {
   padding-left: 34px;
   padding-right: 43px;
   float: left;
   width: 455px;
   height: auto;
}

#col {
   padding-right: 35px;
   float: left;
   min-height: 60px;
}

#footer {
   width: 783px;
   padding: 0;
   height: 19px;
   background: #FFFFFF url(back_footer.gif);
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
landungsbrücken
Threadersteller

Dabei seit: 13.08.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 17.11.2006 11:50
Titel

Antworten mit Zitat Zum Seitenanfang

@m: hm. funzt noch nicht ganz... jetzt wird im firefox zwar der background bis zum footer hin angezeigt, aber der text innendrin wird einfach abgeschnitten. ist also nicht , abhängig vom textumfang, variabel in der höhe.

@mtk: na im div#all ist der background noch drin *zwinker*
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 17.11.2006 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

landungsbrücken hat geschrieben:
@m: hm. funzt noch nicht ganz... jetzt wird im firefox zwar der background bis zum footer hin angezeigt, aber der text innendrin wird einfach abgeschnitten. ist also nicht , abhängig vom textumfang, variabel in der höhe.

@mtk: na im div#all ist der background noch drin ;)


Also bei mir wird es in Firefox 2.0, IE6 und Opera9 korrekt angezeigt.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS Layout - Problem - Div verschiebt sich bei längerem Text
div Bereich ist im IE mindestens so hoch wie eine Text-Zeile
Text in DIV zentrieren per CSS
[CSS] Text Stylen (no div, no class etc)
CSS: Druck-CSS für Formularfelder, speziell <textarea>...
CSS Div Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.