1 reply [Last post]
VieHW
Offline
newbie
Last seen: 15 years 46 weeks ago
Joined: 2003-07-09
Posts: 2
Points: 0

Hey newsgroup

I have made my first side with Cascading Style Sheets.
With newer browser version it looks as expected. But with older browser the positions do not work.

The side is www.sonnenstudio-joli.de may you have a look at it.

There is a section that's called logo (logo with the sun) and is that right to 0px but in IE4 it is shown on the left side.

In IE5 the section #Wrapper.Left ("Wir sind für sie da:" ) is aligned to the bottom auf the section. This is wrong it should by on the same high as the text on the left side.

Maybe someone has a workaround for me.

Greetings from Germany

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 6 years 2 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Postion problems with old browsers

First of all CSS styled sites will not look the same in Old browsers as you see in todays Modern browsers.

Problems:

1) Old browsers are old so they woudn't have known what the future is.
2) Only 0.1 percentage of Browsers are IE 4.
3) Could you provide us with screen shots of IE version 5 for the page you are referring to ? It would make it easier to spot the problem as not all people do have IE 5 since the latest is version 6

See if this will help you in any way:
I have added quotes for the classes and put a padding-top to zero

       			<DIV class="left"><!-- linke Spalte -->
						<p><Strong>Sonnenstudio Joli</Strong></p>
           			<p>Corneliusstrasse 1-3</p>
           			<p>41751 Viersen-Duelken</p>
           			<p>Tel. 02162-5 26 80</p>
       			</DIV>

       			<DIV class="right"> <!-- rechte Spalte -->
       				<Div class= "alignright"> <!-- Text in dieser Spalte rechts ausrichten -->
           				<p><STRONG>Wir sind für sie da:</STRONG></p>
           				<p>Mo.-Fr. 09:00-21:00 Uhr</p>
           				<p> Sa. 09:00-17:00 Uhr</p>           			
           				<p>So. u. Feiertags 10:00-17:00 Uhr</p>
       				</div>
    			</DIV>

.alignright 
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2.5em;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: right
}

http//melbourne.ug.php.net