Mittlere Teil der Webseite anpassen

Veröffentlicht 1. Oktober 201014 j

Hallo,

habe eine Webseite und dort ist der mittlere Teil zu weit links. Siehe hier: http://roenix.onpw.de/header1.jpg

Was kann ich im Header hinzufügen, das das bündig wird mit Header & Footer, sodass nichts raussteht und bei allen weiteren Dateien genauso z.B. Impressum, Support, Hilfe usw...

Hier der Header: http://roenix.onpw.de/Head.rar

Vielleicht kann mir ja jemand behilflich sein

1. Oktober 201014 j

Lesen bildet Cascading Style Sheets ? Wikipedia

1. Oktober 201014 j

Top Danke.

Nun habe ich noch paar kleine Fehler in der Header.php Datei... wer kann sie mir beheben. Im FF wird der mittlere Teil perfekt Linksbündig angezeigt. Allerdings im IE wird es Zentriert (mittig) angezeigt. Auch von der Suchleiste die Luppe ist im IE verschoben... allerdings im FF ist sie richtig.

<? session_start();?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<html>

<body>

<div align="center">

<table><tr><td>

<?

$domain =  "http://".$_SERVER['SERVER_NAME'];

?>

<?

$username_session = (isset($_SESSION['username'])) ? $_SESSION['username'] : null;


if ($username_session !== null) {

  include("connect.inc.php");

  include("inc/onlinestatus.inc.php");

  include("inc/status.inc.php");


  $usernasme_session = $_SESSION["username"];

  $username_get = $_GET["username"];


  if($username_session == $username_get){$s = "mp";}


  ###################User Daten###########################

  $abfrage_ud = "SELECT * FROM member WHERE username = '$username_session'";

  $ergebnis_ud = mysql_query($abfrage_ud);

  $user_daten = mysql_fetch_object($ergebnis_ud) ;

}

?>

  <title>WakeStars</title>

 <script type="text/javascript" src="<?echo $domain;?>/design/JS.js"></script>

 <script type="text/javascript" src="<?echo $domain;?>/design/bbcode.js"></script>

 <script type="text/javascript" src="<?echo $domain;?>/design/suche_username.js"></script>


 <link rel="stylesheet" type="text/css" href="<?echo $domain;?>/design/standart.css">

  <meta name="description"

 content="WakeStars" />

  <meta name="keywords"

 content="WakeStars.de" />

  <meta http-equiv="Content-Type"

 content="text/html; charset=ISO-8859-1" />

  <meta http-equiv="Content-Language" content="de" />

  <meta name="verify-v1"

 content="d+qBg9z9e+hzbIvwRCnCFpYwmxsFxFFywTaRCtIQiMs=" />

  <meta name="google-site-verification"

 content="z0mDMDpmPpStyFlwo6F1e0ttfm14vSXJBM6frf6vjP8" />

  <meta name="robots" content="INDEX" />

  <link href="<?echo $domain;?>/design/style.php"

 rel="stylesheet" type="text/css" />

  <link href="<?echo $domain;?>/design/template.css"

 rel="stylesheet" type="text/css" />

  <link rel="shortcut icon"

 href="<?echo $domain;?>/favicon.ico"

 type="image/x-icon" />

  <link rel="alternate" type="application/rss+xml"

 title="Galerie Feed"

 href="<?echo $domain;?>/RSS/galerie.php" />

 </script>


  <style type="text/css">

    <!--

		#ft-title-ft{

			font-weight:normal;

			padding:5px;

			width:458px;

			color:#D3D600;

			font-size:11px;

		}

		#ft-title-ft a{

			color:#FFF;

			font-size:15px;

		}

		#ft-title-ft a:hover{

			text-decoration: underline;

			curser: pointer;

		}

    -->

a, img { border: 0px none; }

    </style>

</head>

<body>

<div id="zentrierer" style="display: none;">

</div>

<div id="header">


<div class="bildHochladen"><a

 href="<?echo $domain;?>/Bild-hochladen.php"

 class="icona">

  <img

 src="<?echo $domain;?>/icon_header/icon_plus.gif"

 alt="Bild hochladen" width="16" height="16" /></a>

<ul class="bildHochladenDown round">

  <li>

  <a class="pict"

 href="<?echo $domain;?>/Bild-hochladen.php" style="text-decoration: none">Bild

hochladen</a></li>

  <li>

  <a

 href="<?echo $domain;?>/Tutorial-hochladen.php" style="text-decoration: none">Tutorial

hochladen</a></li>

  <li>

  <a

 href="<?echo $domain;?>/Download-hochladen.php" style="text-decoration: none">Download

hochladen</a></li>

  <li>

  <a

 href="<?echo $domain;?>/Anzeige-aufgeben.php" style="text-decoration: none">Inserat

verfassen</a></li>

  <li>

  <a href="<?echo $domain;?>/Blog/eintragen.php" style="text-decoration: none">Blogeintrag

verfassen</a></li>

</ul>

</div>


<div class="dn icona"><span class="dnHide"><strong>

  <a href="login/">Login</a></strong></span><a class="icona" style="margin-top: 0pt;" target="_blank" href="<?echo $domain;?>/login/"><img

 src="<?echo $domain;?>/icon_header/icon_key.gif"

 alt="Login" width="16" height="16" /></a></div>

<div class="dn icona"><span style="margin-left: -30px;"

 class="dnHide"><strong><a href="<?echo $domain;?>/anmelden/">Kostenlos

registrieren</a></strong></span><a

 href="<?echo $domain;?>/Anmelden/"

 style="margin-top: 0pt;" class="icona"><img

 src="<?echo $domain;?>/icon_header/icon_profil.gif"

 alt="Registrieren" width="16" height="16" /></a></div>

<a href="register">

<img

 src="<?echo $domain;?>/icon_header/logo.gif"

 class="logo" alt="WakeStars" width="180" height="36" /></a>


<br class="clear" />

</div>


<div id="navigation" class="round">

<form name="dieSuche" class="search"

 action="<?echo $domain;?>/Suchen.php"

 method="post"> 

  <input name="suche" class="field"

 value="" type="text" size="20" /> 

  <input alt="Absenden"

 src="<?echo $domain;?>/icon_header/icon_search.gif"

 class="button" type="image" width="33" height="23" /> </form>

<div class="bildHochladen"><a

 href="Forum" class="navi sonst">

<img

 src="<?echo $domain;?>/icon_header/icon_more.gif"

 alt="Tutorials" style="margin-top: 6px;" width="11" height="7" /> </a>

<ul style="margin-left: -107px;"

 class="bildHochladenDown round">

  <li><a class="extra forums"

 href="<?echo $domain;?>/Forum">Forum</a></li>

  <li><a class="extra tut"

 href="<?echo $domain;?>/tutorials.php">Tutorials</a></li>

  <li><a class="extra down"

 href="<?echo $domain;?>/downloads.php">Downloads</a></li>

  <li><a class="extra markt"

 href="<?echo $domain;?>/marktplatz.php">Marktplatz</a></li>

</ul>

 </div>


<?php if ($username_session !== null) { ?>


<!-- Eingeloggter Bereich -->

<a class="navi wallpaper" href="<?echo $domain;?>/Test/" style="text-decoration: none">Test</a>

<a class="navi wallpaper" href="<?echo $domain;?>/News/" style="text-decoration: none">News</a>

<a class="navi wallpaper" href="<?echo $domain;?>/veranstaltungen/" style="text-decoration: none">Events</a>

<a class="navi wallpaper" href="<?echo $domain;?>/Profil/" style="text-decoration: none">Profil</a>


<?php } else { ?>


<a href="<?echo $domain;?>/impressum.php"

 class="navi sonst" style="text-decoration: none">Impressum</a> 

<a

 href="<?echo $domain;?>/hilfe.php"

 class="navi zeich" style="text-decoration: none">Hilfe</a>

<a class="navi wallpaper" href="<?echo $domain;?>/Forum/" style="text-decoration: none">Forum</a>

<a class="navi dim" href="<?echo $domain;?>/Support/livezilla.php?code=U0VSVkVSUEFHRQ__" style="text-decoration: none">Support</a>

<a class="navi digku" href="<?echo $domain;?>/anmelden/" style="text-decoration: none">Anmelden</a>


<?php } ?>


<a class="navi foto" href="<?echo $domain;?>" style="text-decoration: none">Startseite</a>



<a class="navi uebersicht" href="<?echo $domain;?>">

<img

 src="<?echo $domain;?>/icon_header/icon_home.gif"

 alt="WakeStars" width="16" height="16" /></a><a

 href="<?echo $domain;?>" class="navi uebersicht">

</a>

</div>


<ul class="color">

  <li class="red"> </li>

  <li class="orange"> </li>

  <li class="yellow"> </li>

  <li class="green"> </li>

  <li class="mh"> </li>

  <li class="blue"> </li>

</ul>

</body>

</html>[/PHP]

1. Oktober 201014 j

Auch von der Suchleiste die Luppe ist im IE verschoben... allerdings im FF ist sie richtig.

Validier es zunächst und wenn das korrekt ist, dann musst Du ggf nen Hack für de IE bauen (was aber immer unschön ist)

7. Oktober 201014 j

Validier es zunächst und wenn das korrekt ist, dann musst Du ggf nen Hack für de IE bauen (was aber immer unschön ist)

Für den IE kann man auf Hacks verzichten da es dort die so genannten Conditional Comments gibt.

Siehe dazu: CSS 4 You - The Finest in Stylesheets: Workshop: Browserweiche

Anmelden

Mittlere Teil der Webseite anpassen

Empfohlene Antworten

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Jobs für Fachinformatiker

Digital Solution Manager (w/m/d) System Interoperabilität und Datenmanagement bei B. Braun Melsungen AG (34212 Melsungen, Deutschland)

IT Servicedesk Agent (m/w/d) bei HPM Service und Verwaltung GmbH (20457 Hamburg, Deutschland)

Forschungs- und Digitalisierungsexpert*in (m/w/d) im Infrastrukturbereich bei Albtal-Verkehrs-Gesellschaft mbH (76131 Karlsruhe, Deutschland)

Konto

Navigation

Suchen

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)