HTML - Site Layout Behaving Strangely When Zooming In

Hi there,
I have a table layout on the main page of site I'm working on, and have one row with two cells. The cell on the left contains a php include page which auto updates with news, however, as the news gets longer and the cell container auto resizes to fit the height..it also messes with the height of the cell on the right, leaving empty spaces (the black space right under "recruitment status") I'm stumped as to how to deal with is, any suggestions are much appreciated. Thanks

the site: http://guild-paragon.com/indexframe

edit: decided to put an iframe in there to hold the height, there's prob better alternatives out there though

Hia
I am using html to edit my content. What I need is a custom zooming tool just like we have in Acrobat(Pdfs).
How can I achieve this with html/javascript/css. At server end I am using java.


Thanks
with regards

Hi

I hope someone can help me here, please view my site at www.sydneycivilcelebrant.com/divsite/index.html - when I zoom in or out using ie, the layout becomes all out of order, yet when I do it in firefox its fine.

viewing the site with chrome or safari doesnt work yet as im still trying to figure out the css for both sets of browsers, but any help you could afford would be greatly apreciated!

thanks

Hello,

I am building a website for a client :

http://timhawarah.com/testing.php

In Firefox (my favorite browser) there is about a 15 px space in the rooftop of the house which is wrong.

In IE the website looks like it should.

What can I do to correct this problem.

Any help would be most appreciated!

Thanks,
TaylorJumbo

MY CSS looks like this:


Quote:
body {


background-color: #202020;

font-family: Arial, Verdana, sans-serif;
font-size:12px;
color:#202020;
text-align: left;


}

#topnavigation li
{
display: inline;
list-style-type: none;
padding-right: 13px;

}


#top2 li
{
display: inline;
list-style-type: none;
padding-right: 13px;

}


a:link, a:visited {
text-decoration:none;
font-weight: none;
font-family: Arial, Verdana;
padding: 0px;
marging: 0px;
font-size: 10px;
background-color: transparent;
color: #202020;
border-bottom: 1px dashed #3e9446;


}

a:hover {
text-decoration:none;
font-weight: none;
font-family: Arial, Verdana;
padding: 0px;
marging: 0px;
font-size: 10px;
background-color: transparent;
color: #fff;
border-bottom: 1px dashed #3e9446;


}


a.imagelink:link, a.imagelink:visited, a.imagelink:active {
text-decoration:none;
font-weight: bold;
font-size: 12px;
background-color: none;
color: #202020;
border: 0px;


}

a.imagelink:hover {
text-decoration:none;
background-color: none;
color: #fff;
border: 0px;;

}

#outercase {
width: 790px;
background-color: #fff;
margin: 0px auto;
padding: 0px;
border: 0px;
text-align: left;


}

#top1 {
width: 790px;
height: 57px;
margin: 0px;
padding: 0px;
text-align: left;
background-color: #fff;
background: url("/images/wip1.jpg") no-repeat;
border: 0px;


}


#top2 {
width: 790px;
height: 122px;
margin: 0px;
padding: 0px;
text-align: right;
background-color: #fff;
background: url("/images/wip2.jpg") no-repeat;
border: 0px;


}




#topnavigation {
width: 780px;
margin: 0px;
padding-right: 10px;
padding-top: 5px;
text-align: right;
background-color: #fff;
border: 0px;


}



#middle {
width: 750px;
height: 300px;
margin: 0px;
padding: 20px;
text-align: left;
background-color: #fff;
border: 0px;


}

#banners {
width: 770px;
margin: 0px;
padding: 10px;
text-align: left;
background-color: #fff;
border: 0px;


}

#bottom {
width: 780px;
height: 10px;
font-size: 9px;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #3e9446;
border: 0px;


}
and my xhtml looks like this

Quote:
<?include("header.php");?>

<div id="outercase">

<div id="topnavigation">

<?include("navitop.php");?>

</div>


<div id="top1">

</div><div id="top2">

<?include("teasertop.php");?>

</div>

<div id="middle">

</div>

<div id="banners">

<?include("banners.php");?>

</div>

<div id="bottom">

<?include("footer.php");?>

I am trying to create the webpage looks like the attached jpg Required Appearance (the image containing the blue rectangle) but it is instead displaying as the attached jpg Actual appearance.
I have coloured the relevant code in red.
Please tell me why this is happening it seems to be something to do with the <div> tabs. How can I get the two divs display next to each other? Thanks for any help


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>

</head>
<!-- #ab0101 = red -->
<body bgcolor="#ab0101" >
<div id="header" >

<div style ="width: 1000px; height: 140px; margin: auto; background: #ffffff;">

</div>

</div>
<!-- division that will contain the two divisions-->
<div style ="width: 1000px; margin: auto; height:800px; ">
<!-- First division ffffff is white-->
<div style ="width: 200px; height:800px; background: #ffffff;" >
</div>
<!-- Second division 000066 is blue-->
<div style ="width: 800px; height:800px; background: #000066;">
</div>

</div>


</body>
</html>

I have a phpbb3 board with some custom code, and it's not rendering properly on IE6/IE7. The page is at http://forum.protestwarrior.com/temp.html

To see this page rendered in IE6 or IE7 if that's not your default browser, go to http://www.ipinfo.info/netrenderer/ select IE6 or IE 7 from the drop down, enter the above url in the render field, and hit render to see what it looks like.

for IE7, you'll notice that the first private message on top is restricted to the right side of the screen. For IE6, the inbox is off altogether.

To see what the page is supposed to look like, view it in FF.

Any suggestions?

I have a site with a few links to a third party site.
I've noticed that when i click on the first link, it works fine - it shows a list of publications for the right individual.
when i click on my second link, it too works fine.
but then if i click on any link after I've clicked on the second one, the proper search results don't appear.

Try the following:
click on link 1.
click on link2
click on link1.
You'll notice that the results are still from link 2.

If you try just using the pub med site on its own, (ie cut and paste the links into a window vs. using my html page, it works fine.)


LINK 1
http://www.ncbi.nlm.nih.gov/entrez/q...%22%5Bau%5D%20
LINK 2
http://www.ncbi.nlm.nih.gov/pubmed/17289775?ordinalpos=4&itool=EntrezSystem2.PEntrez.Pubmed.Pubmed_ResultsPanel.Pubmed_RVDocSum" target="_blank">&nbsp;Xiaoqing Yang, MD,

I am wondering if it is possible to create an INDEX.HTML to redirect to another website?

I would like it to display the redirected site, but if possible keep to the original address..

e.g.
A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar.

Hope I explained ok, any responce would be much appricated!
Thanks!

Ok, I've made some changes to my navigation bar on my website with Fireworks so its more interactive. I've now implemented into my html but it has throw a certain part out on the page. Its the small picture thumbs at the bottom of the page, they are supposed to be in one row accross the page, now they go underneath each other. I've been looking for ages now to see the problem but I can not work it out.

Here are 2 links to the pages, the first one is the one that works previously and the second is the changed one. If you can see the problem I would be so grateful, thanks.

http://www.ashley-stone.co.uk/psychedelic.htm

http://www.ashley-stone.co.uk/psychedelic2.htm

I'd like to have an image "inside" a block of text such that the text surrounds it. Here's a mock-up:



Is that possible? I've tried various things but no luck yet.

Hope someone can help as I'm tearing my hair out at the moment!!

I'm working on a site for a friend, I have only ever used basic html to code my own sites, due to this I'm having problems with the layout my friend wants.

I've created it with frames, not live yet but you can view it he
http://www.ladin.co.uk/Jim/index2.html

The layout with color either side and content in middle is how he wants it but obviously without frames, I'm not very knowledgeable where CSS is concerned so haven't a clue how to code it, thanks in advance.

Linda

Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask.

this is the way it looks right now:
http://christoffer.wicb.ots.dk/byrummet/

but i want it to look like this:


also with the rounded cornors

but i have tryed lot of things but cant get it to work

can u help me??

Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask.