css

Huaba

Semiprofi
Thread Starter
Mitglied seit
02.06.2007
Beiträge
4.583
hoi,

problem mit css... hab ne große box (height auto) und darin liegt eine für banner, eine für die navi und eine für content (diese hat height auto)...

wenn ich jetzt content einfüge der genau eine seite groß ist, passts. ist der content aber länger, z.b. 2 seiten, dann verschiebt sich die hauptbox um ein paar px nach rechts Oo was is da los?!

wenn ich mit overflow: scroll mach gehts, aber ich möchts gern mit auto haben!

was tun? mit IE gehts, nur firefox macht macken!

mfg
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
naja, gut, geht schon. aber dann is ja auch bei kurzen Texten der kasten auch so rießig! =/

deswegen will ich ja auto :d
 
Ja, das ist eigendlich klar... Was hab ich mir wohl dabei gedacht?! :fresse:
Werde morgen mal versuchen das ganze nachzustellen... Vielleicht hilfts ja :d
Welchen FireFox brauchst du denn?
 
boa, ka... geht mit keinem xD
 
Stell den Code mal hierein, am besten lädst du es gleich irgendwo hoch, zum angucken.
 
PHP:
body {
  height: auto;
  background-color: #FFDAB3;
  margin: 20px 0px 20px 0px;
  font-family: arial, verdana, sans-serif;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#hauptbox {
  width: 800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-width: 3px;
  border-style: solid;
  border-color: #4a50b5;
}

#box1 {
  height: 200px;
  width: 800px;
  background-image: url("banner.JPG");
}

#box2 {
  height: 39px;
  width: 800px;
  position:relative;
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  text-align:center;
  background: #FF9933;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #4a50b5;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #4a50b5;
}

#box3 {
  overflow: auto;
  height: 590px;
  width: 800px;
  background: #7094FF;
  position:relative;
  text-align:left;
}

a {
  border-width: 3px;
  border-style: double;
  border-color: #4a50b5;
  font-size: 20px;
  color: white;
}

a:link { 
  background-color: #7094FF; 
  text-decoration: none;
}

a:visited { 
  background-color: #7094FF; 
  text-decoration: none;
}

a:hover { 
  background-color: #003DF5; 
}

a:active { 
  background-color: #7094FF;
}

h1 {
  margin: 0px 0px 0px 25px;
  padding: 5px 0px 0px 0px;
  font-size: 20px;
}

p {
  text-align: justify;
  margin: 0px 25px 0px 25px;
  padding: 0px 0px 10px 0px;
}

hr {
  text-align: left;
  margin: 5px 25px 5px 25px;
}

mh, guggts euch mal an ;)
 
Mh, und de HTML-Code dazu?
Außerdem lädst du die Seite am Besten noch irgendwo hoch, damit man sie live sieht.
 
height: auto;

Das kann schon mal nichts werden, google mal nach "div height auto" ;)

Übrigens, dein Height "Auto" ist fast überall überflüssig, vor allem im Body
 
Zuletzt bearbeitet:
height: auto;

Das kann schon mal nichts werden, google mal nach "div height auto" ;)

Übrigens, dein Height "Auto" ist fast überall überflüssig, vor allem im Body

sorry, steig grad nicht dahinter. eventuell einen genauen link? ich find schon einiges, aber was das mit meinem prob zu tun hat... :-D

oder meinst du einfach dass das height: auto überflüssig ist?

naja hochladen oder code, das is nix weltbewegendes... :d

PHP:
<html>
  <head>
    <title>blaasddfsdsd</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
	<div id="hauptbox"><div id="box1"></div>

	<div id="box2">
	<a href="a.htm">*link*</a>
	<a href="b.htm">*link*</a>
	<a href="c">*link*</a>
	<a href="d">*link*</a>
	<a href="e">*link*</a></div>

	<div id="box3"><h1>Überschrift</h1>
	<hr style="color:black; height:2px; width:750px;"></hr>
	<p>TEXT</p></div></div>
  </body>
</html>
 
Zuletzt bearbeitet:
Und jetzt noch eine funktionierende online-Version. Ich bin ehrlich gesagt zu faul für ein copy'n'paste.
Wir sollen den Fehler schließlich reproduzieren können, oder?
 
derzeit kein webserver verfügbar. sorry... mussts dir halt schnell in ne site.htm und ne style.css speichern... ;)
 
gut, egal. habs jetz anders hingebracht mit dem overflow, lassts gut sein :P

aber andere frage: ich hab jetz ne seite mit <?php inhalt ?>... inhalt entspricht session variablen, mysqli abfragen etc...

WO mach ich da jetz die einbindung des stylesheets und wo definiere ich den container hauptbox, in dem alle inhalte sein sollten?!
 
PHP:
<?php
session_start();
require_once('formular.php');
?>
<head>
    <title>Titel</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
<div id="Hauptbox"><?php

hier kommt dann viel code, datenbankabfragen, etc...

?> 
</div>
das geht klasse... doch wenn ich in dem php code auf eine seite weiterleite:
PHP:
header ("Location: blub.php");
dann kommt ne fehlermeldung ala "header already sent"... was dagegen tun?! ;)
 
wie kommst du denn auf header? Mit header() verschickst du eben http-header informationen und die kann man logischerweise nicht mehr verschicken wenn von was vom body ausgegeben wurde.
Und der Location header leitet den Browser auf eine andere Seite weiter.

Ich glaub was du eher brauchst ist include();

du packs den ganzen Teil da oben, bis einschliesslich "<div id="Hauptbox">" in eine Datei head.php (dabei kannst du gleich den code richtig machen, das fehlt das <body> Tag). Das schliessende </div>, </body>, </html> packst du in eine Datei footer.php.
Und die "blub.php" sieht dann so aus:

Code:
<?php
require('header.php');

// viel code hier

require('footer.php');
?>
Das HTML-Geruest, session_start und so stehen dann auf jeder Seite zur verfuegung die du eben nach dem Muster aufbaust.
 
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh