horizontal zentrieren

**CorneliaK** · 23.10.2009, 12:04

Servus zusammen,

ich bin derzeit dabei meiner HP ein redesign zu verpassen und stehe dabei vor einem kleinen Problem:

Meine Seite baut sich aus einer Tabelle mit 1 Spalte und 3 Zeilen auf, die ich stets im Bildschirm-Zentrum positioniert haben möchte. Sie horizontal auszurichten war kein Problem, allerdings kriege ich es nicht hin, dass sie auch vertikal in der Mitte sitzt.
Hier der Link zu meiner HP (es ist gleich die erste Seite um die es sich dreht):
www.cornelia-koester.de

Ich hoffe ihr könnt mir bei der Zentrierung weiter helfen.

Gruß
Cornelia

P.S.: Ich bitte um Nachsicht, denn ich komm eher von der rein gestalterischen Seite

**MatthiasG** · 23.10.2009, 12:34

Servus,

aus einer Tabelle? Ich sehe da nur ein Frameset.

Gruß
Matthias

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
	</head>

	<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
			<tr>
				<td align="center" valign="middle">
					<table border="0" cellspacing="5" cellpadding="5" >
						<tr>
                        	<td>erste Zeile mit Inhalt
                            </td>
                        </tr>
                        <tr>
                        	<td>zweite Zeile mit Inhalt
                            </td>
                        </tr>
                        <tr>
                        	<td>dritte Zeile mit Inhalt
                            </td>
                        </tr>
                        
					</table>
				</td>
			</tr>
		</table>
		
	</body>
</html>

**jayjay** · 23.10.2009, 12:54

hallo, schau dir zb das hier an...

**CorneliaK** · 23.10.2009, 16:13

Danke!
Jayjay, mit dem ersten Beitrag aus dem Link hat es funktioniert.
Ich hab mein Layout ein bisschen angepasst (ich weiß, die "sauberere" Version wäre den Code an meine Seite anpassen, aber nach ein paar Stunden Haare raufen ... dann kam doch wieder der Bildchenschubser aus mir heraus ;-) )
Demnächst geht also meine neue HP online!!!

Gruß Cornelia

**CorneliaK** · 27.10.2009, 23:54

Die Seite ist online!

www.cornelia-koester.de

**MatthiasG** · 28.10.2009, 08:09

Mir gefaellts ...aber das soll nichts heißen

Schön übersichtlich, einzigste was mir so ins Auge gefallen ist, ist diese unterzeile.png...schaut irgendwie so komisch aus.

**jayjay** · 28.10.2009, 09:33

moin, mir auch, gut geworden!

zum code, warum lagerst du die css nicht in eine css datei aus?
und die ganzen leerzeilen hinter </html> können weg.
warum ist das ganze im frame?

ein optisches manko, unter diplomarbeit gibts diese miniaturen, ohne rahmen, überall sonst haben die miniaturen einen rahmen, lila - entweder alle oder keiner, und ob lila so passt....

**CorneliaK** · 28.10.2009, 11:46

Unterzeile: jup, is n png. Aber jetzt wo du mich drauf aufmerksam gemacht hast, siehts echt ... aus. Hatte mich für png entschieden, da es transparenz zulässt.

Thumb-Rahmen: uups, ja, da fehlt der Rahmen (war doch etwas zu spät gestern für meinen Kopf). Allerdings sollten die Rahmen jeweils schwarz und nicht lila sein.

**jayjay** · 28.10.2009, 11:56

hmmm, wo soll der schwarze rahmen herkommen?

**CorneliaK** · 28.10.2009, 12:02

border="1"

**jayjay** · 28.10.2009, 12:29

das kannst du knicken, mit border="1" setzt du keine farbe!
erweitere dein css um folgende punkte:

Code:

img {
    border:none;
}
.thumb {
    border:#000000 solid 1px;
}

das am besten in deiner basic.css, dorthin auch das sonstige css welches du in deiner html angibst, dann natürlich auch überall entfernen - 1x vorhanden, 1x ändern = weniger arbeit

dann die thumbs anpassen, zb

HTML-Code:

<img id="Thumb_ascen" src="Pictures/Thumb-ascen.jpg" alt="" name="Thumb_ascen" class="thumb" />

border kannst ruhig weglassen

**CorneliaK** · 04.11.2009, 16:01

Die ersten Überarbeitungen sind mittlerweile online ... da taucht wieder ein Fragezeichen in meinem Gesicht auf ;-)

Favicon:

Als absoluter WYSIWYG-User hab ich ein solches auf folgendem Wege erstellt:
- 16x16 px Bild in Photoshop,
- .psd-Datei in GoLive .site verschoben,
- durch GoLive via "smart-Favorit-Symbole" ein favicon.ico generieren lassen,
- dieses dann im head einer jeden Seite verlinkt.

Wenn ich mir die einzelnen Seiten jetzt über die Vorschau-Funktion im Browser anzeigen lasse ist das Icon auch in der Adresszeile sowie im Tap zu sehen. Besuche ich meine Site aber auf dem normalen Weg (im Browser Adresse eingeben ...) fehlen sie. Verwirrt!

(Danke schon mal für eure Geduld mit nem unbeholfenem "Elefanten" in der Quellcode-Landschaft ;-) )

**jayjay** · 04.11.2009, 17:14

hallo, das liegt wohl an den frames, hatte es noch nie gemacht (ich arbeite nicht mit frames) aber versuch mal das ico in dein frameset einzubinden. alle einzelnen html seiten (ohne frame) zeigen es an.

zur Startseite vom TP

Thema: horizontal zentrieren

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

horizontal zentrieren

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

[CSS] Div horizontal zentrieren, bin am verzweifeln...

tabelle horizontal und vertikal zentrieren?

div bereiche horizontal zentrieren

<div> horizontal zentrieren im IE5 und IE5.5

div mit fixer breite horizontal zentrieren

Aktive Benutzer

Aktive Benutzer

Berechtigungen