8 replies [Last post]
spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Here's two screenshots of what's going on in IE - the problem should be evident:

What I want this to look like inline (this is as a popup)
What it looks like inline on IE - in Firebird/NS/Mozilla it looks FINE

This really can't be an html problem, because the html is identical for both examples. The page itself validates fine as xhtml 1.0.

- my screen resolution is set to 1024x768.

Here's the css that this code makes reference to:

	.blogbody, .comments-body, .trackback-body {
		color: #e5ddf6;
		font-size:11px;
		font-weight:normal;
  		line-height:14px;		
  		border-left: 1px solid #927bc1;
  		border-top: 1px solid #927bc1;			
  		border-right: 1px solid #927bc1;
  		border-bottom: 3px double #927bc1;	  			  		
  		padding:10px;
		}	

	.date, .comments-head	{ 
		 font-size: 18px; 
		color: #6B6286; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
  		border-bottom: 3px double #927bc1;	
		}			

When shown inline, the form itself is contained within 2 other div's:

		#content {
		position:relative;
		z-index: 3;
		padding: 10px;
		margin-right:200px;
		margin-left:200px;
		margin-bottom:10px;
		}

	.blog {
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;					
		}	

I've looked at this a million times, to the point where my eyes are crossing and I'm dreaming about source code at night Laughing out loud

If anyone needs to see the html in order to help me, feel free to look at this page: Individual entry

I'd really appreciate any help anyone could give!!

Thanks in advance :)[/url]

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Strange IE problem - looks FINE in Firebird...

Umm - If you visit the site you'll notice that I've changed the colours a bit, but I haven't touched anything else for now - I don't dare until I figure out what's going on Smile

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 44 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Strange IE problem - looks FINE in Firebird...

I could not see what was causing the problem.

As it is a form, why not use a table, which are perfectly suited to forms and tabulated data.

If you do come up with the solution, am interested in what it is.

Regards
Day

The only way to learn is to do it yourself

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Strange IE problem - looks FINE in Firebird...

I've been looking at every single keystroke in both pages - I've come to the point where I THINK I know where the problem is, but I'm not yet where I know what to do about it.

in the popup version the whole page is contained within a div class="blog"

in the inline version the whole page is also contained within the "blog" class, but inside the "blog" class is also the "blogbody" class

Conclusion: well, it must be the blogbody class that's screwing things up, so my job now is to figure out WHY Wink

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Strange IE problem - looks FINE in Firebird...

nevermind what I just said - It's the CONTENT div that's screwing everything up!!!!

now if i could just figure out how the heck to make it all better Laughing out loud

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 44 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Strange IE problem - looks FINE in Firebird...

spyke wrote:
nevermind what I just said - It's the CONTENT div that's screwing everything up!!!!

now if i could just figure out how the heck to make it all better Laughing out loud

doesn't quite make sense as you have floated the div, which takes it out of the html flow, therefore any other div should not affect it.

Anyway good luck.
Day

The only way to learn is to do it yourself

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Strange IE problem - looks FINE in Firebird...

Daybreak_0 wrote:
spyke wrote:
nevermind what I just said - It's the CONTENT div that's screwing everything up!!!!

now if i could just figure out how the heck to make it all better Laughing out loud

doesn't quite make sense as you have floated the div, which takes it out of the html flow, therefore any other div should not affect it.

Anyway good luck.
Day

Compare the two sources - the content div is the ONLY thing different in both - I also did some playing with HTML-Kit and it verifies - the popup only uses a "blog" div (which doesn't center the content... but it works)

am I just out of my mind maybe?? Laughing out loud

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

Strange IE problem - looks FINE in Firebird...

new theory:

if I modify this line right in the inline page:

<div style="width:180px; padding-right:15px; margin-right:10px; float:left; text-align:left; border-right:1px dotted #bbb;">

I could probably get what I want...

spyke
Offline
newbie
Last seen: 17 years 36 weeks ago
Timezone: GMT+1
Joined: 2004-01-09
Posts: 7
Points: 0

GOT IT!!!

I moved the line I just mentioned directly under the line that invokes the "comments-body" class - and suddenly it works Smile

don't ask why - i have NO idea LOL