text mit bild formatierung in jedem browser anders. anpassung möglich ?

ant.one · #1 13.06.08, 16:55

hallo !

schon wieder ein problem, zu sehen auf:

Ratisbona Calling: Scientists

in safari und opera positioniert sich das bild automatisch etwa 3-4 cm unterhalb des menüs. das finde ich eigentlich recht schön. problem ist, dass der text immer noch unter dem submenü klebt. in ie7 klebt einfach alles direkt unterhalb des menüs.

wie kann ich ein webseitenverhalten erzwingen, dass text und bild 3-4cm unterhalb des menüs erscheinen und in jedem browser gleich ?

wieso positioniert typo3 nicht bild+text automatisch in gleicher höhe ? dann könnte man mit margin-top sicher was ausrichten.

vielen dank

ant.one · #2 13.06.08, 17:12

interessante beobachtung...wenn ich auf "wurzl e" sehe...da ist alles so wie ich das möchte. ich kann aber die ursache des unterschieds leider nicht ermitteln...

Cyprus · #3 14.06.08, 08:55

Der Grund liegt warscheinlich im CSS.

Ich habs mir im FF und IE6 angeschaut und der Unterschied ist deutlich zu sehen versuch mal. Auf die Tabellen vorlage in tt_News umzuschalten.
Oder geh die CSS Vorlage durch.

Da wirst du fündig.

LG Cy

ant.one · #4 14.06.08, 09:33

"versuch mal in tt_news umzuschalten" ... was muss ich tun ?

die css vorlage bin ich jetzt mal durchgegangen und auch das css sheet selbst, aber ich hab nichts hilfreiches gefunden.

soll ich die codes mal posten ?

grüße

Cyprus · #5 14.06.08, 10:10

Du hast unter static from Extension mehrere Vorlagen . Da kannst dus mal mit den Tabellen basierten probieren. Desweiteren kannst du die Vorlage auch im Plugin auf der Seite auswählen.

Viel Grlück

Cyprus

ant.one · #6 14.06.08, 10:33

also ich habe tt_news nicht installiert. dachte, ich kann das umgehen. ich versuchs jetzt trotzdem mal mit meinen codes.

template:

<head>
<link type="text/css" href="1-3col.css" rel="stylesheet" media="screen" />
<title>1</title>
<link rel="shortcut icon" href="http://www.ratisbona-calling.de/rc/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
background-image: url("fileadmin/images/background.jpg");
}
.Stil1 {color: #474747}
.Stil2 {color: #474747}
</style>
<link href="site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
<div id="container" align="left">
<div class="Stil2" id="banner" ><img src="fileadmin/images/logo.png" width="200" height="90" /></div>
<div id="right">
###MENUE###
</div>
<div id="content">
<div class="Stil1" id="submenu">
<div align="left">###SUBMENU###</div>
</div>###INHALT###</div>
<div id="left">
<div id="trick"><img src="fileadmin/images/maingfx2.png" width="169" height="225" /></div>
</div>
<div id="footer">
<div align="left"><img src="fileadmin/images/maingfx1.png" width="827" height="235" /></div>
</div>
</div>
</div>
</body>
</html>
__________________________________________________

css:
body {
font-size: 12px;
font-family: Arial, Helvetica, Sans-Serif;
color:#474747;
padding:0;
margin:0;
}
a {color: #474747; text-decoration: none;}
a:hover {color: #FFFFFF;}
a:active { color:#FFFFFF;}
.stil3 {color: #8a0e11;}
.head{color:#8a0e11;}
.header{color:#8a0e11;}
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin:0 auto;
}
/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;}

/* -----------Submenu---------------*/
#submenu {
padding: 0px;
margin: 0px;
display: inline;
}
ul#sub {
display: inline;
}

/* --------------left navigavtion------------- */
#trick {
float: left;
bottom: 0px;
position: absolute;
}
#left {
position: relative;
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
#right {
text-align: right;
font-size: 14px;
float: right;
width: 90px;
margin-right: 15px;
margin-top: 30px;
padding: 0;
}
/* -----------------Inhalt--------------------- */
#content {
text-align: justify;
padding: 0;
margin: 0 200px;
}
div#content {
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/*--------------barrierefreies formular----------------*/
.csc-mailform {
border: none; /* Rand ausschalten */
}
.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:80px;
padding-left:0px;
margin-bottom:10px;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
{
float:right;
display:block;
width:200px;
background:#FFFFFF;
padding:1px;
margin-bottom:10px;
}
.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 205px;
/* Float wieder abschalten */
clear: both;
}

möglicherweise kann mir wer behilflich sein

die umständliche verschachtelung von divs ist nur, dass ich unten die grafik so haben kann wie sie zu sehen ist Ratisbona Calling: Ratisbona Calling ist der link zur seite.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
text mit bild - formatierung ändern	krustyaut	TYPO3 4.x Rich Text Editor	4	18.08.08 14:09
Text und Bild bei Text m/Bild auf gleicher Höhe anzeigen	waumpada	TYPO3 4.x Fragen und Probleme	1	30.04.08 06:39
In jedem Browser anders!?!	6unico	HTML & CSS	4	12.04.07 10:31
Nach Formatierung des Sitemapaufbaus Probleme im Browser	josDesign	TYPO3 4.x Fragen und Probleme	8	15.11.06 10:06
Probleme bei Text mit Bild - Formatierung	nicher	TYPO3 4.x Fragen und Probleme	0	20.05.06 10:53

Suche

Userpanel

text mit bild formatierung in jedem browser anders. anpassung möglich ?