Mittlere Teil der Webseite anpassen

EuropaChat · 1. Oktober 2010

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

flashpixx · 1. Oktober 2010

Lesen bildet Cascading Style Sheets ? Wikipedia

EuropaChat · 1. Oktober 2010

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]

flashpixx · 1. Oktober 2010

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)

Schaelle · 7. Oktober 2010

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 Beiträge

EuropaChat

Link zu diesem Kommentar

Auf anderen Seiten teilen

flashpixx

Link zu diesem Kommentar

Auf anderen Seiten teilen

EuropaChat

Link zu diesem Kommentar

Auf anderen Seiten teilen

flashpixx

Link zu diesem Kommentar

Auf anderen Seiten teilen

Schaelle

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

Umsehen

Aktivitäten

Stellenanzeigen

Blog

Über Fachinformatiker.de