...

View Full Version : Only works in ff with no other tabs open at 1280x1204



Ranger56
08-23-2005, 04:08 AM
I'm making this site that only works at 1280x1204 res in Firefox with no other tabs open.

I haven't uploaded anything yet becuase the background image is pretty huge.

Attached are screen shots of the problem.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style type="text/css">
<!--
body{
background:url(bg.png) bottom left no-repeat black;
}

div#back{
margin-left:130px;
margin-top:26%;
width:400px;
height:467px;
overflow:auto;
font-family:tahoma, arial, verdana, sans-serf;
color:#fff;
font-size:12px;
}

p{
padding:3px;
margin-right:10px;
border:1px solid #8FABBF;
}
-->
</style>

<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
</head>
<body>
<div id="back">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras dictum urna id magna. In magna magna, convallis vehicula, ultrices at, ornare sed, elit. Nullam ut nisl. Quisque id pede nec nisi tempus porttitor. Maecenas blandit, massa ac pulvinar pellentesque, mi nibh tristique urna, a rutrum erat magna nec neque. Phasellus fermentum lacus ut diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed pellentesque feugiat lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse pellentesque.
</p><p>
Praesent at turpis at dui gravida vulputate. Nullam mollis ante a lacus. Vestibulum pretium. Sed tristique mauris consequat nunc. Etiam justo. Phasellus placerat euismod quam. Quisque pretium nisl ac orci. Cras vitae nisi. Vivamus nunc metus, venenatis id, imperdiet a, interdum ut, tortor. Donec risus. Sed cursus. Nunc aliquam mollis ante. Sed feugiat, velit a volutpat vulputate, mauris felis lobortis risus, eu porta eros pede sit amet lectus. Cras nibh mi, porta in, semper sit amet, egestas tincidunt, risus. Etiam pulvinar velit et nisl adipiscing fermentum. Donec convallis cursus velit. Fusce auctor, elit nec feugiat dapibus, tellus libero commodo nisi, pellentesque sagittis tellus risus sit amet enim. Nulla pharetra. Donec faucibus, nulla non mollis convallis, nisl tortor pharetra velit, vel viverra lacus augue vitae enim. Donec non felis vitae tellus laoreet posuere.
</p><p>
Vivamus tempor ornare erat. Morbi velit. Vestibulum feugiat, nibh a volutpat laoreet, diam tellus congue urna, a tristique pede dui in eros. Nullam tempor. Aenean sed dui id quam ornare pretium. Nunc semper semper leo. Pellentesque enim sem, congue quis, euismod eget, aliquam vitae, ante. Duis condimentum urna pellentesque mi condimentum mollis. Donec molestie erat sed augue. Nulla fringilla augue quis orci. Suspendisse lacinia orci vitae enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
</p><p>
Ut tristique felis vitae mauris. Nunc scelerisque nunc sed massa. In vel magna. Vivamus id massa. Duis volutpat posuere magna. Vivamus mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus mollis cursus turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nec magna ac ligula condimentum venenatis. Etiam est mauris, tristique fringilla, elementum luctus, pellentesque adipiscing, justo. Etiam mattis. Suspendisse enim ipsum, eleifend id, euismod et, euismod sit amet, metus. Nam eros. Ut pretium luctus elit. Curabitur id lectus. Nullam porta risus id risus. Sed vel orci. Nunc sit amet eros.
</p><p>
Sed viverra sapien a turpis. Suspendisse ipsum risus, rutrum ac, rhoncus ut, egestas id, elit. Nullam dapibus dignissim magna. Nunc nec mauris ut metus porttitor mattis. Pellentesque sit amet ipsum nec purus egestas ultricies. Donec ornare arcu et erat. Aliquam sodales dictum velit. Nulla facilisi. Sed justo quam, tempus pretium, egestas ut, facilisis a, purus. Nulla dui leo, fermentum lacinia, consequat eget, tincidunt id, metus. Etiam at sem sit amet libero placerat porta. Curabitur massa turpis, rhoncus scelerisque, rhoncus sit amet, porta quis, nisi. Cras ac justo quis justo ultrices consectetuer. Nulla at dolor at odio accumsan ultrices. Duis dignissim lacinia lorem. Nullam ac urna. Maecenas nec lectus. Aliquam vel sem. In eleifend nulla eget orci. Pellentesque nec risus sed arcu euismod pellentesque.
</p>
</div>

</body>
</html>

rmedek
08-23-2005, 04:35 AM
ah, could you be more specific? I could sort of see what the issue was in the pic, but I couldn't replicate that here...it loaded fine (FF on OSX, about 900px wide at the time).

Ranger56
08-23-2005, 06:09 AM
The page loads, but at any other viewport size, the main div gets pushed out of position.

rmedek
08-23-2005, 06:21 AM
The only thing I get is tha at larger sizes the main content area gets pushed below the screen and at smaller sizes it moves upward... this is because of the % you're using on the margin...

At 1280 on my screen the div is pretty much pushed out of the way.

Ranger56
08-23-2005, 06:47 AM
The only thing I get is tha at larger sizes the main content area gets pushed below the screen and at smaller sizes it moves upward... this is because of the % you're using on the margin...

At 1280 on my screen the div is pretty much pushed out of the way.


This design is no good anyways, was just a practice site.

bazz
08-23-2005, 10:57 AM
Hi,

You should really get the symatics of your page sorted so that all the browsers know what they are meant to do with your mark-up :cool:

The order of the tags should be

<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
and some others if you decide to use them (like <meta>).

The page you have shown the source code for, contains data in the head, when it ought to be in the body.

Bazz



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum