zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden großes Problem beim zentrieren meiner Seite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.05.2007, 19:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard großes Problem beim zentrieren meiner Seite

Hi,

bin neu hier und habe mir sagen lassen das ich das Prob. mit CSS lösen koennte..
und zwarhabe ich ein Layout welches aus einem JPG besteht in dem Layout ist mittig ein graues Feld wo später meine TExt und GRafikinhalte angezeigt werden sollten nun habe ich das Layout (das JPG in einer Tabelle gepackt s das ich es zentrieren kann der Rest des HG ist grau (in Dreamweaver MX2004 ) über Eigenschaften eingestellt ..also das Hauptfeld /Layout liegt demendsprechent nicht über die ganze Seite sondern Mittig (als Rechteck)
In dieser Tabelle habe ich nun eine Ebene auf with 100 % gesetzt und in der Ebene wieder eine TAbelle 3/3 für TExtinhalte erstellt.NUN soll die 2 .Ebene also Layer2 in der ersten Ebene aber so das diese die gleiche größe hat wie das grauhe Feld vom JPG und sollte mit einem Überlauf /auto versehen werden.
Wenn ich jetzt die Auflösung von meinem Monitor ändere ( HP erstellt in 1024x76 verschiebt sich die 2. Ebene LAyer2 aus meinem Feld weil sie anscheinend nicht verankert ist (wie immer ich das so veranker das die LAyer2 die größe des grauen GRafikfeldes behält und dann noch an dieser Stelle bleibt)..mir hat man dazu geraten das mit CSS zu machen da kenne ich mich aber zur ZEit noch überhaupt nicht mit aus ..kann mir jemand helfen ..hab schon irgendwie alles probiert bekomme das nicht hin ..
lg
Sven
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.05.2007, 21:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard

<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #666666;
background-image: url();
}
.Stil24 {font-family: "Futura Lt BT"; font-size: 14px; color: #999999; }
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<table width="200" border="0" align="center">
<tr>
<td><div id="Layer1" style="position:absolute; width:578px; height:78px; z-index:1; left: 130px; top: 201px;">
<table width="565" height="78" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 291px; top: 323px;">diese Ebene soll zentriert auf das graue Feld von dem HG so das eine &Uuml;berlauf Funktion gegeben ist und die Ebene trotzdem bei ge&auml;nderter Aufl&ouml;sung mittig bleibt genauso wie die Ebene 1 wie mach ich das ...? </div>
<img src="Impressumhg.jpg" width="800" height="581" align="absmiddle"> </td>
</tr>
</table>
</body>
</html>
so damit man das besser verstehen kann was ich meine hoffe es kann mir jemand helfen ich weiß net mehr weiter
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.05.2007, 23:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard

kann mir da keiner helfen ?
Mit Zitat antworten
  #4 (permalink)  
Alt 16.05.2007, 01:00
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Ich habe wirklich kein Wort deiner Problembeschreibung verstanden (und ich habe schon viele gelesen).

Stell dir vor, Anfängern wäre die Nutzung von Tabellen, Inline-CSS (im HTML) sowie position:absolute verboten.

Wie würdest du dann vorgehen?

Kauf dir bitte ein Buch, im Ressourcen-Abschnitt dieses Forums wird eines zurzeit sehr empfohlen.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #5 (permalink)  
Alt 16.05.2007, 07:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard

ok um es in einem Satz zu sagen ..ich bekomme Layer1 und 2 (Ebene 1und2 ) nicht auf das Layout meines HG zentriert...wennn die Monitorauflösung geändert wird verschieben sich die Ebenen.

lg
Sven
Mit Zitat antworten
  #6 (permalink)  
Alt 16.05.2007, 09:13
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Wenn du mit "layout meines HG" meinst, dass du zuerst ein Bild malst und später Elemente in dessen Mitte drauf verteilst:

Du benötigst ein div, welches die genaue Breite hat wie das gemalte Ziel, dieses Div zentrierst du mit margin: 0 auto; Dann bekommt dieser Container position:relative, dies ist der Bezugsrahmen für alle weiteren Positionierungen.

Von mir aus kannst du dann mit position:absolute bezogen auf dieses Div positionieren. Flexibel wird das Ganze aber so nie. Das mit position:absolute und der Tabelle ist keine weiterführende Idee.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #7 (permalink)  
Alt 16.05.2007, 20:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard

erstmal danke für deine Erklärung....ich hab mal ein wenig überlegt und mit meinem noch wenigen Wissen in dem Bereich eine glaube ic hbessere Lösung gefunden....wie sieht es aus wenn ich als erstes eine Tabellesetze..diese Tabelle mit dem GEsamten HG (als jpg) dann die Tabellenspalten so aufteile das der HG genau so unterteilt wird wie die Aufteilung der GRafik...das ganze zentriere...dann in der SPalte wo der Text rein soll mit dem Überlauf ein Iframe setze oder halt für den BEreich ein div....
besser ? oder welchen Vorschlag würdest du mir machen damit ic hes besser umsetzen kann ? JPG zerschneiden ?


danke

Sven
Mit Zitat antworten
  #8 (permalink)  
Alt 16.05.2007, 21:13
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Ich sehe das Geld für ein modernes CSS Buch, dass noch nicht einmal eine halbe Tankfüllung kostet, als gute Investition an.

Ich befürchte, dass deine Herangehensweise mit Tabellen, iframes, abs. Positionierung dich auf einen sehr langen Irrweg führt. Damit sage ich nicht, dass es so nicht gehen würde: Leih dir aus einer Stadtbibliothek ein Homepage-Bastel-Buch von 1997 aus, da steht, wie es geht.

Oder wirf die Seite komplett weg und schließ Tabellen, iframes, abs. Positionierung in den Giftschrank.

Dann starte noch mal neu, nimm ein div, gib ihm eine feste Breite, zentriere dies mit margin: 0 auto; ... aber ich wiederhole mich. Für das Hintergrundbild lies mal background-position, für den "Überlauf-Bereich" lies mal overflow.

(aside: Warum hilft mir eigentlich keine/r?)
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #9 (permalink)  
Alt 16.05.2007, 21:43
Weltverbesserer
XHTMLforum-Mitglied
 
Registriert seit: 22.05.2006
Beiträge: 124
Dr Snuggles befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von IChao Beitrag anzeigen
(aside: Warum hilft mir eigentlich keine/r?)
Du machst das doch prima und dem ist nichts hinzuzufügen
Aber vielleicht hilft es den Beitragsersteller auf den richtigen Pfad zu führen, wenn jemand zustimmend applaudiert *klatschklatsch*

Zitat:
Zitat von s.snakeball
meinem noch wenigen Wissen in dem Bereich
Der Vorschlag mit Buch wurde dir schon gemacht. Ansonsten klick dich durch dieses Forum, besonders Ressourcen, FAQs, folge den vielen super Links die sich hier finden lassen, starte konkrete Umsetzungsversuche und poste hier, wenn es dabei Probleme gibt. Nach 6 - 48 Wochen haste es drauf

Gruß
Christian
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.05.2007, 22:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.05.2007
Beiträge: 9
s.snakeball befindet sich auf einem aufstrebenden Ast
Standard

danke ich probiers ein html Publishing Buch von Sybex hab ich hier heute besorgt was könnt ihr mri an CSS Büchern empfehlen welche einem schon helfen für die Zukunft aber auch net super schwer sind ?
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
druck css problem: nur eine Seite wird ausgeduckt diegaby CSS 5 14.12.2010 17:49
Probleme mit dem Layout: divanordnung Muckel CSS 8 29.06.2008 12:28
Problem mit Formatierung einer XHTML 1.1 Seite webfabrik (X)HTML 11 19.09.2006 16:38
Seite Horizontal zentrieren, Layers positionieren ion CSS 1 18.09.2006 10:07
overflow problem - seite wird verwischt wavewmaker CSS 3 02.11.2004 14:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:14 Uhr.