zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Formatierung - Browser

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.07.2013, 04:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2013
Beiträge: 1
MikeNuo befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Formatierung - Browser

Moin,

ich hoffe das ihr mir etwas helfen könnt! Ich finde rein gar nichts im "www oder Google & Co"


Es geht darum, dass dieses Design in unterschiedlichen Browsern unterschiedlich angezeigt wird. Vielleicht wisst ihr ja, woran es liegen könnte.


Code:
<!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">

<head>
	<title>Seite | Layout</title><link rel="shortcut icon" href="/bilder/favicon.png">
	
	<link type="text/css" href="/css/style.css" rel="stylesheet" media="screen" /> 

</head>

<body>

<div id="wrapper">
		<a href="index.html" id="logo"><img src="/bilder/logo.png" alt="CSS ist valide!" height="90" width="292""/></a></a>

	<!-- Topnavigation -->
	
<div id="topnav">

		<ul>
			<li><a href="#" >Startseite</a></li>
			<li><a href="#" ><span style="color: rgb(210, 215, 50);">Kategorie</span></a></li>
		</ul>
	</div>
	
<!-- Content -->

<div id="content">
<h1>Kategorie</h1>
<div class="contentbox_grau">

<a href="#">Netzwerk</a>
</div>
<br>
		<div class="contentbox_grau">
			<p>Hier Text</p>
		</div>
	</div>
<!-- Footer -->
		<div id="footer">
			<p>Hier Text</p>
		

		</div>
		</div>


	</body>
</html>

Code:
/*------ General ---------------------- */

body {
background-color:#E5E5E5;
font-size:13px;
font-family: Droid Sans;
line-height:20px;
color:#3E3E3E;
padding:0;
margin:0;
}

* {
padding:0;
margin:0;
outline:none;
}

a { color:#3E3E3E;}
a:hover { color: #D2D732;
text-decoration:none;}

img {
border:none;
}

/*------ Überschriften ---------------------- */

h1{
font-size:20px;
margin:10px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #D2D732;
color:#D2D732;
}

h2{
font-size:15px;
margin:10px 0;
padding:0 0 5px 0;
color:#D2D732;
}

/*------ Struktur ---------------------- */

#wrapper {
width:980px;
margin:30px auto;
}

/*------ Boxen ---------------------- */

.contentbox_gruen {
margin:0px;
border-radius:5px;
background-color:#d5f1c0;
width:auto;
height:auto;
border:1px solid #bcdba6;
padding:5px;
}

.contentbox_rot {
margin:0px;
border-radius:5px;
background-color:#EDBDBD;
width:auto;
height:auto;
border:1px solid #D8A4A4;
padding:5px;
}

.contentbox_grau {
margin:0px;
border-radius:5px;
background-color:#FCFCFC;
width:auto;
height:auto;
border:1px solid #E2E2E2;
padding:5px;
}

/*------ Topnavigation ---------------------- */

#topnav {
background-image:url(bilder/nav.png);
width:980;
height:40px;
padding:0;
border-radius: 5px;
margin:40px 0px 0px 0px;
border-bottom:0px solid #none;
}

#topnav ul {
margin:0px;
padding:0;
list-style:none;
}

#topnav ul li {
float:left;
border-right:0px solid #484847;
}

#topnav ul li a {
display:block;
height:28px;
padding:12px 20px 0;
color:#fff;
text-decoration:none;
}

#topnav ul li a:hover {
color:#D2D732;
}

/*------ Content ---------------------- */

#content {
background-color:#ffffff;
width:960px;
padding:10px;
border-radius:5px;
margin:20px auto;
}

/*------ Footer ---------------------- */

#footer {
font-size:11px;
width:980;
height:10px;
padding:0;
}


Vielen Dank im Voraus!!!!!!!


Gruß,
Mike
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.07.2013, 11:30
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

wir Wissen zwar nicht, was du mit "unterschiedlich" meinst, aber ein Blick in die Fehlerkonsole im Firefox sollte die eine oder andere (CSS) Warnung anzeigen. Dann könntest du auch mal schauen, was der Validator sagt The W3C Markup Validation Service
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Erstellung einer Webseite - Support alter Browser ja oder nein? Elektroniker (X)HTML 5 09.10.2011 19:11
Browser an Link anhängen rs-web Serveradministration und serverseitige Scripte 1 26.03.2010 18:24
Formatierung Form-Elemente - Cross Browser goldenboy CSS 1 23.10.2009 18:23
Super Browser - Ein Browser alle Engines? tichy Ressourcen 6 17.04.2008 00:50
Problem mit Schriftgröße in Tabellen pospiech Knowledge Base 20 11.08.2005 00:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:58 Uhr.