Joomla Templates Club 406,261 posts

[marcendres Friend marcendresJoin date: August 2008Posts: 15Downloads:0Uploads:7 Thanks: 2]

#134178

Hello Ladys and gents,

I made some changes in edenite, which were absolutely accepted by Firefox and Opera. (not yet tested by IE 7).
I took the breadcrumbs in index.php higher than before, and changed the position of login by giving other values. I didin’t take the login out of header! As third I changed the position of logo.gif by padding values.

As you can see below, the style in ie6 is horrible. The result in firefox is the one I want. What would you do???

Greetings from Germany and thx…

marc

---

Attachments:

1. 
2. 

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#274280

did you keep backups of the original files before the changes

restore those files and try again and test after each change to determine which change is causing the error

[marcendres Friend marcendresJoin date: August 2008Posts: 15Downloads:0Uploads:7 Thanks: 2]

#274766

In template.css in line 719 I have the following problem:

h1.logo a {
width: 500px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 100px;
bottom: 1px;
left: 0px;
}

If the position is “absolute”, the design of firefox is shot (should be: position:right), but for ie6 it goes and vice versa…
How have I to tell the browser how to change when the browser is old?

[marcendres Friend marcendresJoin date: August 2008Posts: 15Downloads:0Uploads:7 Thanks: 2]

#275022

But that`s not all. The design in IE6 ist shot by positioning of absolute. Could it be possible to work with relative, by changing the login from header to div into login as box-model? I tried it but as result it looks in ff like ie6 without changing the index.php.

So here are the changes in template with absolute positioning. Functions in Opera, FF3 and IE7, but not in IE6:

LINE 698:
#ja-header {
height: 100px;
line-height: normal;
position: relative;
margin-left:450px;
}
LINE 714:
h1.logo a {
width: 500px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: right;
height: 100px;
bottom: 1px;
left: 500px;
}

LINE 804:
#ja-pathway {
background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;
height: 38px;
border: 1px solid #E7E8E6;
border-bottom: none;
padding: 5px 15px;
color: #626A69;
font-weight: bold;
font-size: 110%;

}

LINE 1030:
#ja-login {
position: absolute;
top: 137px;
right: 0;
background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;
padding: 4px 8px;
border: 1px solid #E7E8E6;
border-bottom: 1px solid #CCCCCC;
}

the result can be seen at saarmesse2.intersaar.de

Does anybody has an idea to this theme???

[Author]

Posts