Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »General »Graphic Design and Web Design Help

Notices

Graphic Design and Web Design Help Get Graphic Design and Web Design related help here


Reply
 
LinkBack (3) Thread Tools Display Modes
  3 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 28-10-2007, 04:47 PM
Foggy the Wizard
 
Join Date: Oct 2007
Posts: 3
Exclamation Help, Webpage Displayed in Safari, IE

Im currently in college on a Software Develepment course, and I have to make a website for one of my lessons... and for some reason the site displays perfectly in Safari but looks odd in IE

In IE:
Even though ive said width:100%; ...its not !
The iframe doesn't reach the banner at the bottom !

Ive attached the pages in a zip so you can see the code.

Ive also taken screenshots of the page in both browsers:
Safari
Internet Explorer
Attached Files
File Type: zip index.zip (19.2 KB, 4 views)

Last edited by foggy.x@hotmail.co.uk; 28-10-2007 at 04:54 PM. Reason: Zip didn't have everything in
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote

  #2 (permalink)  
Old 28-10-2007, 06:24 PM
PR Design's Avatar
CSS Wizardry -- Not Gay!
 
Join Date: May 2007
Location: Yorkshire, England
Gender: Male
Posts: 5,933
Default

I haven't had time to look at you code, but the width selector will not make the iframe hug the bottom. You also need the height selector. Also try fiddling with the margins etc.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 28-10-2007, 06:29 PM
Russlock's Avatar
Established Member
 
Join Date: Jan 2007
Location: Middlesbrough, Teesside
Gender: Male
Posts: 402
Default

hello,
Iframes always seemed to cause me problems years ago, but it may be better to do what you want in css as you can trim the size of your logos and just repeat them as well as being more fluid. anyway i've zipped a quick playaround of your site for you to see what i mean.
__________________
It's not what you know or who you know, it's what you know about who you know !!!

Website design you CAN afford

Last edited by Russlock; 25-01-2008 at 06:53 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 29-10-2007, 01:15 PM
Foggy the Wizard
 
Join Date: Oct 2007
Posts: 3
Default

Hi 'PR Design', When i said:
Even though ive said width:100%; ...its not !
The iframe doesn't reach the banner at the bottom !

I meant that even though i have said:
style="position:absolute; left:0; top:0; width:100%; height:100%;"
In IE it doesn't actually cover the whole webpage area - there is always a border on the right and bottom sides.

How do I do stuff with margins

-----------------------------

Hi Russlock, thanx for the tip about the image triming.
But I don't want the whole page to scroll, just the iframe.
I want the page contents to resize along with the window.

-----------------------------

I got rid of the bottom border, by placing the iframe in a Div.
But the right border is still there


thanx,
Liam
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 29-10-2007, 03:20 PM
Foggy the Wizard
 
Join Date: Oct 2007
Posts: 3
Default Yaaay

I did it lol,

in the body tag i put:


thanx for all your help.
Liam
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 29-10-2007, 08:27 PM
Russlock's Avatar
Established Member
 
Join Date: Jan 2007
Location: Middlesbrough, Teesside
Gender: Male
Posts: 402
Default

or within the ccs "main" page, you could add this to the "main content" div

height: 500px;
overflow: scroll;

the height can be whatever you want the main section to be.
__________________
It's not what you know or who you know, it's what you know about who you know !!!

Website design you CAN afford
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Safari for Windows Diablos Web Browsers Forum 14 08-06-2008 07:55 AM
Safari? jwade_m Graphic Design and Web Design Help 21 18-03-2008 06:24 PM
Problem With My Webpage, I searched for answers all over the web but couldn't find any. paknettech General Web Design Forum 1 24-10-2007 06:53 AM
Dynamically filling webpage background mindras Graphic Design and Web Design Help 5 05-06-2007 10:56 AM
Saft for Safari Toon Web Browsers Forum 0 28-03-2007 09:51 AM


All times are GMT. The time now is 10:17 AM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0