zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Problem Design auf anderen Rechnern verschoben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.10.2008, 00:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 2
MALPI befindet sich auf einem aufstrebenden Ast
Standard CSS Problem Design auf anderen Rechnern verschoben

Hallo,

ich doctor nun schon lange an meiner Homepage rum und bin quasi ein CSS Einsteiger. Ich hoffe nun auf Hilfe von euch....

ich habe mein CSS soweit zusammengesetzt und habe alles Dynamisch gehalten indem ich nur mit Prozentangaben gearbeitet habe. Auf meinem lokalen Rechner sieht das soweit auch echt super aus, wenn ich nun aber über meinen Laptop drauf zugreife, oder einen Kollegen drauf zugreifen lasse siehts aus wie Wurst....

Das ist meine Arbeit.

Die Farben sind absichtlich so gewählt.

Und nun noch der zugehörige Code:
Die index.htm
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Informatik Studium Online *** Herzlich Willkommen</title>
<link rel = "stylesheet" href="Design.css" type = "text/css"> 
</head>
<body>

<pre>
	<div id = "maincell">
		<div id = "top" style="margin-left:20%; margin-right:20%; margin-top:0%;"><img src="GFX/banner.jpg;" align="absmiddle">	</div>
			<div id = "content" style="margin-right:20%; margin-left:20%; overflow:auto;"> 
				<center> 
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
					<p>cada</p>
				</center>
		</div>
	</div>
	<div id = "navigation" style="margin-left:10%; margin-top:45%;">
		<center>
			<p>oiewqhgfoqwitj</p>
		</center>
	</div>
</pre>
</body>
</html>
Und das CSS:

Code:
/* CSS Document */
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#000000;
}

#maincell{
	position: absolute;
	background-color: #0099FF;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10%;
	top:0%;
	min-width:80%;
	min-height: 80%;
}

#top{
	background-image: url(GFX/banner.jpg) no-repeat;
	min-width:728px;
	min-height:90px;
	}

#content{
	position:absolute;
	background-color: #CCCCCC;
	min-width: 60%;
	min-height: 60%;
	max-height: 60%;
	 }
	 
#navigation{
	position: absolute;
	background-color: #0099FF;
	min-width: 80%;
	min-height: 10%;
	}
Wo liegt mein Fehler???

Desweiteren habe ich folgendes Problem. Da ich die Navigation mittels PHP einbinden will, habe ich mir XAMPP installiert, wenn ich die HP nun über den localhost aufrufe, wird mir die TOP Grafik nicht mehr angezeigt.

Ich hoffe ihr könnt mir helfen.

Grüße,

MALPI
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.10.2008, 05:46
Neuer Benutzer
neuer user
 
Registriert seit: 21.09.2008
Beiträge: 13
fluninese befindet sich auf einem aufstrebenden Ast
Standard

Hallo MALPI,

also das erste das mich etwas verwundert hat, ist, wieso du in html Positionierungen vornimmst. Das macht man eigentlich mit CSS.
Also z. B. das hier
Code:
<div id = "top" style="margin-left:20%; margin-right:20%; margin-top:0%;"><img src="GFX/banner.jpg;" align="absmiddle">	</div>
			<div id = "content" style="margin-right:20%; margin-left:20%; overflow:auto;">

Setze das mal mit CSS um, das könnte helfen, aber ist glaube ich für dein Problem keine Gesamtlösung. Denn du hast in deinem Sheet noch einige Sachen drin die dir Probleme machen können.

Zu dem Problem mit deinem Bild: Hast du denn auch den Pfad richtig angegeben?


Ich schlage dir einfach mal vor dich in aller Ruhe mit "Layouten" zu befassen.
Dazu kann dir helfen:

css4you und dann auch noch das hier und zu guter letzt noch dieser hier .

Solltest du noch mehr Fragen haben, immer her damit.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.10.2008, 08:57
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Moin,

Zitat:
Zitat von MALPI Beitrag anzeigen
ich habe mein CSS soweit zusammengesetzt und habe alles Dynamisch gehalten indem ich nur mit Prozentangaben gearbeitet habe.
mit position:absolute und festen Höhen wird dein Layout dynamisch wie ein Amboß und flexibel wie ne Eisenbahnschiene.

Nein im Ernst, CSS-mäßig ist da fast alles ziemlich "schräg".

Meiner Meinung nach solltest du dir zunächst mal eine solide CSS-Grundlage aneignen, bevor du selbstständig eine HP gestaltest.

Little Boxes ist dazu sehr gut geeignet.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 09.10.2008, 11:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 2
MALPI befindet sich auf einem aufstrebenden Ast
Standard

Moin moin,

ooook, das waren nun nicht die Antworten mit denen ich gerechnet hatte . Aber nun gut dann fange ich mal an zu lesen und verschaffe mir ne ordentliche Grundlage...

Danke für die Infos.

MfG

MALPI
Mit Zitat antworten
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
Css Menu Problem Rapidement CSS 11 16.06.2011 15:38
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
Problem Browserweiche IE CSS 00001 CSS 5 24.09.2010 11:23
Problem mit CSS relative, absolute & float FrageHabe CSS 3 13.08.2010 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:06 Uhr.