• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

komisches verhalten beim rahmen

Status
Für weitere Antworten geschlossen.
W

wolf360

Neues Mitglied
Hey,

ich will mein altes Gästebuch a weng verändern:

Will die tabelle weg machn und des mit CSS regeln, hab etz mal nen Rahmen gemacht, blos wenn der Eintrag über 2 Zeilen hinaus geht, wird des komisch anzgezeigt:
PHP-Ausgabefunktion:
PHP: 
<?php

<div id="gaestebuch">

<?php

while($reihen = mysql_fetch_array($query)) {
     echo '<span class="gaestebuch_ausgabe">';
    echo ''.$reihen['text'].'<p>';
     echo '</span>';
   }

   ?>


<form method="post" action="<?php $_SERVER["PHP_SELF"]; ?>">
<input class="gaestebuch_felder" type="text" name="code"><br>
<input class="gaestebuch_felder" type="text" name="shoutbox[name]" value="Name">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input class="gaestebuch_felder" type="text" name="email" value="e-mail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input class="gaestebuch_felder" type="text" name="homepage" value="Homepage"><br>
<input class="gaestebuch_felder" type="text" size="19" name="shoutbox[text]" value="Text" cols="80" rows="8" maxlength="200">
</form>
</div>
   }

   ?>

CSS Codeteil:
Code: 
#gaestebuch{
  text-align: left;
  background-color:transparent;
  border:  2px solid blue;
  width:           500px;
  height:	  20em;
}
.gaestebuch_ausgabe{
  width:           100px;
  height:	  auto;
  border:  3px solid white;
}
.gaestebuch_felder{
background-color:transparent;
color:#999999
}

http://wolf360.wo.funpic.de/gaestebuchneu.php

woran könnte das liegen ?
 
Zuletzt bearbeitet:
Ich denke so
PHP: 
while($reihen = mysql_fetch_array($query)) {
     $reihen = $reihen['text'];
     echo "<p class=\"gaestebuch_ausgabe\">
              $reihen
              </p>
              ";
   }
Weil:
<p> muß wieder geschlossen werden </p>
 
Zuletzt bearbeitet:
mhhh... okey hab net gwusst das des mit den klassen bei <p> auch klappt-.-"
hat auf jeden fall 1a geklappt!

okey dann gleich ein anderes Prob, bei der gleichen seite:

Jeder dürfte die blaue Rahmenlinie sehn, die ich gesetzt habe, sie ist eigentlich für den Inhalt, blos zickt da Mozilla durch die gegend und erweitert den blauen Rahmen nicht.

Wenn der Inhalt zu groß wird, ignoriert er einfach den Rahmen und zeigt den Inhalt über den rand hinaus an.

Beim IE und Opera dagegen, gibt es keine Probleme, die beiden Browser erweitern den Rahmen einfach.

wie mach ich des, das Mozilla den Rahmen auch erweitert?

hoff des war etz verständlich xD^^

gruß wolf360
 
wolf360 schrieb:
wie mach ich des, das Mozilla den Rahmen auch erweitert?
Zum Vergrößern anklicken....
Ich habe beim letzten Beitrag schon überlegt ob er ins php Forum gehört.
Jetzt gehört er sicher in css Forum.

Blaue Linien sehe ich in keinem Browser.
Alle Browser schalten in den so genannten Qirksmode wenn kein Dokumententyp angegeben wird. Das bedeutet sie verhalten sich wie ältere Versionen. Im Operas und Internet Explorern hat das besonders große Auswirkungen.
Schreibe mal das ganz oben ins Dokument:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Damit sollte sich Opera9 schon mal ähnlich wie aktuelle Firefoxe verhalten.
Der I5 und IE6 verlängern die Box bei fester Höhenangabe fälschlicherweise trotzdem.
Für moderne Browser kann man eine Mindesthöhe angeben:
HTML: 
#box {
min-height : 300px;
}
Für IE5 und IE6:
HTML: 
*html #box {
height : 300px;
}
min-height verstehen IE's nicht und *html ignorieren alle anderen Browser.

So sollte die Box bei allen Browsern (ab IE5) mitwachsen.
 
okey danke hat geklappt!

hab aber blos min-height genommen und funktioniert komischerweiße genauso xD^^

danke für die hilfe!

gruß wolf360
 
Ich ein neues Problem:

Wie Zentriere ich einen div container, also so:

HTML: 
<style type="text/css">
#bereich{
text-align: center;

#inhalt{
color: #FFFFFF;
}
}
</style>

<div id="bereich"> 
<!--Dieser Container soll zentriert werden-->
<div id="inhalt">
 Text 1
 </div>
Text 2
</div>
Das problem ist, das er den Text 2 Zentriert, aber den Container "inhalt" nicht, zuminderst Opera und Mozilla?

Hab irgendwo gelesn, das man die Zentrierung des 2ten Containers durch margin-left:auto; und margin-right:auto; bei Mozilla und Opera hin bekommt, klappt aber irgendwie auch nicht.

gruß wolf360^
 
wolf360 schrieb:
Das problem ist, das er den Text 2 Zentriert, aber den Container "inhalt" nicht, zuminderst Opera und Mozilla?

Hab irgendwo gelesn, das man die Zentrierung des 2ten Containers durch margin-left:auto; und margin-right:auto; bei Mozilla und Opera hin bekommt, klappt aber irgendwie auch nicht.
Zum Vergrößern anklicken....
Ja.
Mit text-align : center; zentriert man den Inhalt eines Elementes.
Blockelemente lassen sich damit nicht mittig ausrichten (Internet Explorer machen das aber trotzdem).
Blockelemente kannst du mit margin: auto; Zentrieren.
Das bedeutet es wird rechts und links der gleiche margin-Wert angewendet.
Da Blockelemente (wie z.B. <div>) die ganze zur Verfügung stehende Breite einnehmen, siehst du erstmal nichts davon.
Erst wenn du dem Container eine Breite gibst, wird er mittig dargestellt.


Das mit dem height für IE ist nur damit die Box nicht zusammenfällt wenn kein Inhalt in der Box steht,.... oder um der Box layout zu geben.
Kann auch sein das ich nicht richtig nachgedacht habe, ich weiß es nicht mehr. Vergiss das einfach wieder. *gg
 
Zuletzt bearbeitet:
Zentrieren

Hallo Wolf,

du hast dir deine Lösung schon selbst erarbeitet (margins left/right auto).
Wenn es nicht funktioniert hast du irgendwo vielleich nicht static positioniert sonder relative, absolute oder fixed oder es fehlt irgendwo ein
end-Tag. (Nimm den w3c html validator und lass den mal prüfen).

Noch ein Tipp:

Mache für jede Stildefinition einen kompletten Satz von Angaben,
z. B.:

.bla-bla-def-mit-text {
background-color: transparent;
border: 0.0em none transparent;
color: #999999;
display: block;
float: none;
font: normal normal normal 1.6em sans-serif;
height: auto;
left: 0.0em;
letter-spacing: 0.05em;
margin: 0.5em auto 0.5em auto;
overflow: visible;
padding: 0.0em 0.0em 0.0em 0.0em;
position: static;
text-align: center;
top: 0.0em;
width: auto;
word-spacing: 0.1em;
z-index: 100;
}

(Hatte dir so etwas schon mal geschickt)

Es ist zwar auf den ersten Blick ziemlich aufwändig für jeden Stil so etwas
anzugeben. Aber während der Entwicklung hilft es
- schnell Fehler zu finden (ändere background-color z. b. in #ff0000)
dann siehst du sofort wie groß ein Element ist, wo es plaziert wurde,..
- der Wert jedes Attributs läßt sich schnell ändern

Wenn du dann mit der Entwicklung fertig bist, kannst du gleiche Stile
zusammenfassen.
 
mhh... was muss ich static positionieren?

Code: 
#navigation{
	text-align:		center;
	margin-left: auto;
	margin-right: auto;
         background-image:       url(bilder/navigation.gif);
         width:                  229px;
         height:                 571px;
         display:                block;
         float:                  left;
         overflow:               visible;
         color:     		#999999;

}



//Das ist der Container wo zentriert werden soll
#shoutbox{
text-align:left;
height:280px;
width:160px;
background-color: transparent;
overflow:auto;
color: #999999;
}

ja ich weiß, blos ich hab den sinn darin nicht gesehen, warum ich Angaben machen sollte, wo ich gar nicht brauche.

d.h. ich soll für alle Stile, die komplette Palette an Anweisungen angeben, auch wenn der wert 0 ist bz. ich sie gar nicht brauche ?

Edit: Okey hab das Problem gelöst, danke für die hilfe!!
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben